decocms 2.373.5 → 2.373.6

package/dist/client/assets/add-connection-dialog-D50R3qeo.js

@@ -1 +0,0 @@
-import{q as Xe,b as Ze,u as dn,F as un,G as pn,j as e,B as G,o as B,r as pe,D as mn,f as hn,l as ke,I as Ee,H as Le,t as C,K as Ne,e as fn,p as xn,U as gn,c as jn}from"./index-CUnAYDq5.js";import{g as yn}from"./connection-slug-eyAPH6o3.js";import{u as en,a as nn,g as _n,C as Be}from"./connection-card-eQZIiBUl.js";import{C as vn}from"./collection-search-BGJNBACW.js";import{C as wn}from"./collection-tabs-CUYH07L7.js";import{g as Cn}from"./generate-id-B_QLeAWt.js";import{b as tn,a as sn,c as on,d as an,e as kn,D as Nn}from"./dialog-B_O0YHSc.js";import{b as Sn,a as bn,c as In,D as An,d as Tn,e as Dn,f as Pn}from"./drawer-C-_IUDSx.js";import{u as Fn,b as ze,T as Ue,a as He}from"./tooltip-n-ngDWxG.js";import{F as D,b as P,c as F,d as O,f as V,a as Qe}from"./form-BFAHx4iN.js";import{I as Q}from"./input-lgmc0LnE.js";import{S as On,a as Vn,b as $n,c as Mn,d as ue}from"./select-B2Pl82WU.js";import{T as En}from"./textarea-Cg-WfeUJ.js";import{b as cn}from"./use-connection-BoixL2xK.js";import{n as Se}from"./Container-cibdYyVb.js";import{s as Re}from"./Star01-0EW-iosn.js";import{w as Ln}from"./agent-icon-XLGHo0kr.js";import{s as Bn}from"./XClose-B51bbnRi.js";import{c as zn,i as we,a as Ge,E as Un,p as Hn,b as Rn,d as Kn}from"./connection-form-helpers-B3jMNY_h.js";import{u as Je}from"./use-infinite-scroll-BFFipdD-.js";import{u as Xn}from"./useSuspenseInfiniteQuery-wF-yqYrc.js";import{S as qn,u as Wn}from"./constants-B53eHV3-.js";import{g as Qn,e as Gn,a as Jn}from"./extract-connection-data-Bd8Lq9RW.js";import{B as Ce}from"./badge-DWBfsQbW.js";import{d as Ke}from"./XCircle-DwofC3wy.js";import{i as Ye}from"./Check-B1q7nKzx.js";import{s as Yn}from"./Plus-CizURyu9.js";function Zn({open:u,onOpenChange:n,onCreated:J}){const{org:z}=Xe(),{data:j}=Ze.useSession(),{stdioEnabled:$}=dn(),M=Fn(),X=cn(),v=en(),Y=nn(v,"").items,o=un({resolver:pn(zn),defaultValues:{title:"",description:null,icon:null,ui_type:"HTTP",connection_url:"",connection_token:null,npx_package:"",stdio_command:"",stdio_args:"",stdio_cwd:"",env_vars:[]}}),x=o.watch("ui_type"),I=o.watch("connection_url"),U=o.watch("npx_package"),h=we({uiType:x,connectionUrl:I??"",npxPackage:U??""})??Ge({uiType:x,connectionUrl:I??"",registryItems:Y}),l=s=>{const t=s.trim();if(!t)return;const i=!!o.formState.dirtyFields.title,f=!!o.formState.dirtyFields.description,g=!!o.formState.dirtyFields.env_vars,c=m=>{if(m&&(!i&&!o.getValues("title").trim()&&m.title&&o.setValue("title",m.title,{shouldDirty:!1}),!f&&!(o.getValues("description")??"").trim()&&m.description&&o.setValue("description",m.description,{shouldDirty:!1}),!g&&m.envVarKeys?.length)){const S=o.getValues("env_vars")??[],y=new Set(S.map(w=>w.key)),_=m.envVarKeys.filter(w=>!y.has(w));_.length>0&&o.setValue("env_vars",[...S,..._.map(w=>({key:w,value:""}))],{shouldDirty:!0})}},r=Hn(t);if(r&&$){o.setValue("ui_type","NPX",{shouldDirty:!0}),o.setValue("npx_package",r.packageName,{shouldDirty:!0}),o.setValue("connection_url","",{shouldDirty:!0}),o.setValue("connection_token",null,{shouldDirty:!0}),c(we({uiType:"NPX",npxPackage:r.packageName}));return}if(t.startsWith("http://")||t.startsWith("https://")){const m=x==="HTTP"||x==="SSE"||x==="Websocket"?x:"HTTP";o.setValue("ui_type",m,{shouldDirty:!0}),o.setValue("connection_url",t,{shouldDirty:!0}),c(we({uiType:m,connectionUrl:t})??Ge({uiType:m,connectionUrl:t,registryItems:Y}));return}x==="NPX"&&c(we({uiType:"NPX",npxPackage:t}))},H=s=>{s||o.reset(),n(s)},p=async s=>{let t,i=null,f=null,g=null;s.ui_type==="NPX"?(t="STDIO",i="",g=Rn(s.npx_package||"",s.env_vars||[])):s.ui_type==="STDIO"?(t="STDIO",i="",g=Kn(s.stdio_command||"",s.stdio_args||"",s.stdio_cwd,s.env_vars||[])):(t=s.ui_type,i=s.connection_url||"",f=s.connection_token||null);const c=Cn("conn");try{await X.create.mutateAsync({id:c,title:s.title,description:s.description||null,connection_type:t,connection_url:i,connection_token:f,created_at:new Date().toISOString(),updated_at:new Date().toISOString(),created_by:j?.user?.id||"system",organization_id:z.id,icon:s.icon??null,app_name:null,app_id:null,connection_headers:g,oauth_config:null,configuration_state:null,metadata:null,tools:null,bindings:null,status:"inactive"}),o.reset(),n(!1),J?.(c)}catch{B.error("Failed to create connection")}},A="Create Connection",N="Create a custom connection in your organization. Fill in the details below.",R=o.formState.isSubmitting?"Saving...":"Create Connection",E=e.jsxs("div",{className:"grid gap-4",children:[e.jsx(D,{control:o.control,name:"ui_type",render:({field:s})=>e.jsxs(P,{children:[e.jsx(F,{children:"Type *"}),e.jsxs(On,{value:s.value,onValueChange:s.onChange,children:[e.jsx(O,{children:e.jsx(Vn,{children:e.jsx($n,{})})}),e.jsxs(Mn,{children:[e.jsx(ue,{value:"HTTP",children:e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(Re,{className:"w-4 h-4"}),"HTTP"]})}),e.jsx(ue,{value:"SSE",children:e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(Re,{className:"w-4 h-4"}),"SSE"]})}),e.jsx(ue,{value:"Websocket",children:e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(Re,{className:"w-4 h-4"}),"Websocket"]})}),$&&e.jsxs(e.Fragment,{children:[e.jsx(ue,{value:"NPX",children:e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(Se,{className:"w-4 h-4"}),"NPX Package"]})}),e.jsx(ue,{value:"STDIO",children:e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(Ln,{className:"w-4 h-4"}),"Custom Command"]})})]})]})]}),e.jsx(V,{})]})}),x==="NPX"&&e.jsx(D,{control:o.control,name:"npx_package",render:({field:s})=>e.jsxs(P,{children:[e.jsx(F,{children:"NPM Package *"}),e.jsx(O,{children:e.jsx(Q,{placeholder:"@perplexity-ai/mcp-server",...s,value:s.value??"",onPaste:t=>{const i=t.clipboardData.getData("text");i&&(t.preventDefault(),o.setValue("npx_package",i.trim(),{shouldDirty:!0}),l(i))},onBlur:t=>{l(t.target.value),s.onBlur()}})}),e.jsx(V,{})]})}),x==="STDIO"&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"grid grid-cols-2 gap-4 items-start",children:[e.jsx(D,{control:o.control,name:"stdio_command",render:({field:s})=>e.jsxs(P,{children:[e.jsx(F,{children:"Command *"}),e.jsx(O,{children:e.jsx(Q,{placeholder:"node, bun, python...",...s,value:s.value??""})}),e.jsx(V,{})]})}),e.jsx(D,{control:o.control,name:"stdio_args",render:({field:s})=>e.jsxs(P,{children:[e.jsx(F,{children:"Arguments"}),e.jsx(O,{children:e.jsx(Q,{placeholder:"arg1 arg2 --flag value",...s,value:s.value??""})}),e.jsx(V,{})]})})]}),e.jsx(D,{control:o.control,name:"stdio_cwd",render:({field:s})=>e.jsxs(P,{children:[e.jsx(F,{children:"Working Directory"}),e.jsx(O,{children:e.jsx(Q,{placeholder:"/path/to/project (optional)",...s,value:s.value??""})}),e.jsx("p",{className:"text-xs text-muted-foreground",children:"Directory where the command will be executed"}),e.jsx(V,{})]})})]}),(x==="NPX"||x==="STDIO")&&e.jsx(D,{control:o.control,name:"env_vars",render:({field:s})=>e.jsxs(P,{children:[e.jsx(F,{children:"Environment Variables"}),e.jsx(O,{children:e.jsx(Un,{value:s.value??[],onChange:s.onChange})}),e.jsx(V,{})]})}),x!=="NPX"&&x!=="STDIO"&&e.jsxs(e.Fragment,{children:[e.jsx(D,{control:o.control,name:"connection_url",render:({field:s})=>e.jsxs(P,{children:[e.jsx(F,{children:"URL *"}),e.jsx(O,{children:e.jsx(Q,{placeholder:"https://example.com/mcp",...s,value:s.value??"",onPaste:t=>{const i=t.clipboardData.getData("text");i&&(t.preventDefault(),o.setValue("connection_url",i.trim(),{shouldDirty:!0}),l(i))},onBlur:t=>{l(t.target.value),s.onBlur()}})}),e.jsx(V,{})]})}),e.jsx(D,{control:o.control,name:"connection_token",render:({field:s})=>e.jsxs(P,{children:[e.jsx(F,{children:h?.token?.label??"Token (optional)"}),e.jsx(O,{children:e.jsx(Q,{type:"password",placeholder:h?.token?.placeholder??"Bearer token or API key",className:"ph-no-capture",...s,value:s.value??""})}),h?.token?.helperText&&e.jsxs("p",{className:"text-xs text-muted-foreground",children:[h.token.helperText,h.id==="github"&&e.jsxs(e.Fragment,{children:[" ","·"," ",e.jsx("a",{className:"text-foreground underline underline-offset-4 hover:text-foreground/80",href:"https://github.com/settings/personal-access-tokens",target:"_blank",rel:"noreferrer",children:"Open GitHub PAT settings"})]})]}),e.jsx(V,{})]})})]}),e.jsx(D,{control:o.control,name:"title",render:({field:s})=>e.jsxs(P,{children:[e.jsx(F,{children:"Name *"}),e.jsx(O,{children:e.jsx(Q,{placeholder:"My Connection",...s})}),e.jsx(V,{})]})}),e.jsx(D,{control:o.control,name:"description",render:({field:s})=>e.jsxs(P,{children:[e.jsx(F,{children:"Description"}),e.jsx(O,{children:e.jsx(En,{placeholder:"A brief description of this connection",rows:3,...s,value:s.value??""})}),e.jsx(V,{})]})})]});return M?e.jsx(Sn,{open:u,onOpenChange:H,children:e.jsxs(bn,{className:"max-h-[90vh]",children:[e.jsx(In,{className:"pb-2",children:e.jsxs("div",{className:"flex items-start justify-between gap-4",children:[e.jsxs("div",{className:"flex-1 text-left",children:[e.jsx(An,{children:A}),e.jsx(Tn,{className:"mt-1",children:N})]}),e.jsx(Dn,{asChild:!0,children:e.jsx(G,{variant:"ghost",size:"icon",className:"shrink-0 -mt-1",children:e.jsx(Bn,{size:16})})})]})}),e.jsx(Qe,{...o,children:e.jsxs("form",{onSubmit:o.handleSubmit(p),children:[e.jsx("div",{className:"overflow-y-auto px-4 pb-4",children:E}),e.jsx(Pn,{children:e.jsx(G,{type:"submit",disabled:o.formState.isSubmitting,className:"w-full",children:R})})]})})]})}):e.jsx(tn,{open:u,onOpenChange:H,children:e.jsxs(sn,{className:"sm:max-w-[525px]",children:[e.jsxs(on,{children:[e.jsx(an,{children:A}),e.jsx(kn,{children:N})]}),e.jsx(Qe,{...o,children:e.jsxs("form",{onSubmit:o.handleSubmit(p),children:[e.jsx("div",{className:"py-4",children:E}),e.jsxs(Nn,{children:[e.jsx(G,{type:"button",variant:"outline",onClick:()=>H(!1),children:"Cancel"}),e.jsx(G,{type:"submit",disabled:o.formState.isSubmitting,className:"min-w-40",children:R})]})]})})]})})}function et(u){const n=fn.c(73),{mode:J,agentId:z,addedConnectionIds:j,onAdd:$,onCloneAndAdd:M,onConnectAndAdd:X,connectingItemId:v,search:k,onCreateConnection:Y,onBrowseNavigate:o,defaultTab:x}=u,I=J===void 0?"add":J,U=x===void 0?"connected":x,{org:h}=Xe(),l=pe.useDeferredValue(k),H=k!==l,p=l.trim().toLowerCase();let A;n[0]!==U?(A=a=>a??U,n[0]=U,n[1]=A):A=n[1];const[N,R]=xn(gn.connectionsTab(h.slug)+(U==="all"?":home-modal":":agent-modal"),A);let E;n[2]!==N||n[3]!==R?(E=a=>{a!==N&&C("connections_dialog_tab_changed",{to_tab:a}),R(a)},n[2]=N,n[3]=R,n[4]=E):E=n[4];const s=E;let t;n[5]!==h.id||n[6]!==h.slug?(t={connectionId:qn,orgId:h.id,orgSlug:h.slug},n[5]=h.id,n[6]=h.slug,n[7]=t):t=n[7];const i=Wn(t);let f,g,c;if(n[8]!==i||n[9]!==l||n[10]!==h.id){c=l?.trim()?{operator:"or",conditions:[{field:["title"],operator:"contains",value:l.trim()},{field:["description"],operator:"contains",value:l.trim()}]}:void 0;const a={...c&&{where:c},orderBy:[{field:["updated_at"],direction:"asc"}],limit:100,offset:0},d=JSON.stringify(a);g=Xn,f=Ne.collectionListInfinite(i,h.id,"","CONNECTIONS",d),n[8]=i,n[9]=l,n[10]=h.id,n[11]=f,n[12]=g,n[13]=c}else f=n[11],g=n[12],c=n[13];let r;n[14]!==i||n[15]!==c?(r=async a=>{const{pageParam:d}=a,L=d===void 0?0:d;return(await i.callTool({name:"COLLECTION_CONNECTIONS_LIST",arguments:{...c&&{where:c},orderBy:[{field:["updated_at"],direction:"asc"}],limit:100,offset:L}})).structuredContent},n[14]=i,n[15]=c,n[16]=r):r=n[16];let m;n[17]!==f||n[18]!==r?(m={queryKey:f,queryFn:r,initialPageParam:0,getNextPageParam:it,staleTime:3e4},n[17]=f,n[18]=r,n[19]=m):m=n[19];const{data:S,fetchNextPage:y,hasNextPage:_,isFetchingNextPage:w}=g(m),be=S?.pages.flatMap(at)??[],me=_n(be),rn=new Set(be.filter(ot).map(st)),he=en(),q=nn(he,l),Ie=Je(q.loadMore,q.hasMore,q.isLoadingMore),Ae=Je(y,_??!1,w),T=N==="all"||!!p,qe=T?q.items.filter(a=>{const d=Qn(a);if(d&&rn.has(d))return!1;if(!p)return!0;const L=a._meta?.["mcp.mesh"];return[a.title,a.description,a.name,a.server?.title,a.server?.description,a.server?.name,L?.friendly_name,L?.friendlyName].filter(Boolean).join(" ").toLowerCase().includes(p)}):[],le=qe.filter(tt),de=qe.filter(nt);let fe;n[20]!==j?(fe=a=>a.some(d=>j.has(d.id)),n[20]=j,n[21]=fe):fe=n[21];const Te=fe;let xe;n[22]!==j||n[23]!==z||n[24]!==v||n[25]!==Te||n[26]!==I||n[27]!==$||n[28]!==o||n[29]!==M?(xe=(a,d,L,ce,K)=>{const ve=Te(K),re=K.find(W=>!j.has(W.id)),b=K[0];if(I==="browse"){const W=yn(b);return e.jsx(Be,{connection:{title:d,icon:L,description:K.length>1?`${K.length} instances`:ce??void 0},fallbackIcon:e.jsx(Se,{}),headerActionsAlwaysVisible:!0,headerActions:e.jsxs(Ce,{variant:"secondary",className:"text-xs gap-1 font-normal",children:[e.jsx(Ye,{size:11})," Connected"]}),onClick:()=>{C("connection_browse_clicked",{app_name:b.app_name??null,connection_id:b.id,instances_count:K.length}),o?.(W)}},a)}return e.jsx(Be,{connection:{title:d,icon:L,description:ce},fallbackIcon:e.jsx(Se,{}),headerActionsAlwaysVisible:!0,headerActions:e.jsxs("div",{className:"flex items-center gap-1.5",children:[ve&&e.jsxs(Ce,{variant:"secondary",className:"text-xs gap-1 font-normal",children:[e.jsx(Ye,{size:11})," Added"]}),e.jsx(G,{variant:"outline",size:"sm",className:"h-7 px-3 text-xs font-medium",disabled:v!==null,onClick:W=>{W.stopPropagation(),re?(C("connection_add_clicked",{action:"use_existing",app_name:b.app_name??null,connection_id:re.id}),z&&C("agent_connection_attached",{agent_id:z,connection_id:re.id,app_name:b.app_name??null,mode:"existing"}),$(re.id)):(C("connection_add_clicked",{action:"clone",app_name:b.app_name??null,base_connection_id:b.id}),M(b))},children:"Add"})]})},a)},n[22]=j,n[23]=z,n[24]=v,n[25]=Te,n[26]=I,n[27]=$,n[28]=o,n[29]=M,n[30]=xe):xe=n[30];const ge=xe;let je;n[31]!==v||n[32]!==I||n[33]!==X?(je=a=>{const d=a._meta?.["mcp.mesh"],L=d?.friendlyName||d?.friendly_name||a.server?.title||a.title||a.server?.name||a.name||a.id||"",ce=a.server?.description||a.description||null,K=a.server?.icons?.[0]?.src||Jn(a.server?.repository)||null,ve=d?.official===!0,re=d?.verified===!0,b=d?.owner==="deco";return e.jsx(Be,{connection:{title:L,description:ce,icon:K},fallbackIcon:e.jsx(Se,{}),headerActionsAlwaysVisible:!0,headerActions:e.jsxs("div",{className:"flex items-center gap-1.5",children:[b&&e.jsxs(ze,{children:[e.jsx(Ue,{asChild:!0,children:e.jsx("span",{className:"inline-flex items-center justify-center size-5 rounded-md bg-muted shrink-0",children:e.jsx("img",{src:"/logos/deco logo.svg",alt:"Made by Deco",className:"size-3"})})}),e.jsx(He,{children:"Built and maintained by Deco"})]}),!b&&ve&&e.jsxs(ze,{children:[e.jsx(Ue,{asChild:!0,children:e.jsx(Ce,{variant:"outline",size:"icon",children:e.jsx(Ke,{})})}),e.jsx(He,{children:"Built and maintained by the official vendor"})]}),!b&&!ve&&re&&e.jsxs(ze,{children:[e.jsx(Ue,{asChild:!0,children:e.jsx(Ce,{variant:"outline",size:"icon",children:e.jsx(Ke,{})})}),e.jsx(He,{children:"Verified by the Deco team"})]}),e.jsx(G,{variant:"outline",size:"sm",className:"h-7 px-3 text-xs font-medium",disabled:v!==null,onClick:W=>{W.stopPropagation(),C("connection_add_clicked",{action:"connect_new",registry_item_id:a.id,app_name:d?.friendlyName||a.server?.name||a.name||null}),X(a)},children:v===a.id?e.jsx(ke,{size:14,className:"animate-spin"}):I==="browse"?"Connect":"Add"})]})},`catalog-${a.id}`)},n[31]=v,n[32]=I,n[33]=X,n[34]=je):je=n[34];const We=je,De=!p&&e.jsxs("div",{className:"flex items-center justify-between px-5 py-3 border-b border-border shrink-0",children:[e.jsx(wn,{tabs:[{id:"all",label:"All"},{id:"connected",label:"Connected"}],activeTab:N,onTabChange:a=>s(a)}),e.jsxs(G,{variant:"outline",size:"sm",className:"h-7 px-2 text-sm",onClick:()=>{C("connections_dialog_custom_clicked"),Y()},children:[e.jsx(Yn,{size:12}),"Custom Connection"]})]}),Pe=H&&"opacity-50 pointer-events-none";let Z;n[35]!==Pe?(Z=jn("flex-1 overflow-auto p-5 transition-opacity duration-150",Pe),n[35]=Pe,n[36]=Z):Z=n[36];const ln="grid grid-cols-[repeat(auto-fill,minmax(260px,1fr))] gap-4";let ye;n[37]!==ge?(ye=a=>{if(a.type==="group")return ge(a.key,a.title,a.icon,null,a.connections);const d=a.connection;return ge(d.id,d.title,d.icon,d.description??null,[d])},n[37]=ge,n[38]=ye):ye=n[38];const Fe=me.map(ye);let ee;n[39]!==Ae?(ee=e.jsx("div",{ref:Ae,className:"col-span-full h-1"}),n[39]=Ae,n[40]=ee):ee=n[40];let ne;n[41]!==w?(ne=w&&e.jsx("div",{className:"col-span-full flex justify-center py-6",children:e.jsx(ke,{size:24,className:"animate-spin text-muted-foreground"})}),n[41]=w,n[42]=ne):ne=n[42];const Oe=T&&le.length>0&&e.jsxs("div",{className:"col-span-full flex items-center gap-2 mt-2",children:[e.jsx(Ke,{size:13,className:"text-muted-foreground shrink-0"}),e.jsx("span",{className:"text-sm font-medium text-muted-foreground whitespace-nowrap",children:"Verified"}),e.jsx("div",{className:"flex-1 h-px bg-border"})]}),Ve=T&&le.map(We),$e=T&&de.length>0&&e.jsxs("div",{className:"col-span-full flex items-center gap-2 mt-2",children:[e.jsx("span",{className:"text-sm font-medium text-muted-foreground whitespace-nowrap",children:"All connections"}),e.jsx("div",{className:"flex-1 h-px bg-border"})]}),Me=T&&de.map(We);let te;n[43]!==Ie||n[44]!==he||n[45]!==T?(te=T&&he.length>0&&e.jsx("div",{ref:Ie,className:"col-span-full h-1"}),n[43]=Ie,n[44]=he,n[45]=T,n[46]=te):te=n[46];let se;n[47]!==q.isLoadingMore||n[48]!==T?(se=T&&q.isLoadingMore&&e.jsx("div",{className:"col-span-full flex justify-center py-6",children:e.jsx(ke,{size:24,className:"animate-spin text-muted-foreground"})}),n[47]=q.isLoadingMore,n[48]=T,n[49]=se):se=n[49];let oe;n[50]!==Fe||n[51]!==ee||n[52]!==ne||n[53]!==Oe||n[54]!==Ve||n[55]!==$e||n[56]!==Me||n[57]!==te||n[58]!==se?(oe=e.jsxs("div",{className:ln,children:[Fe,ee,ne,Oe,Ve,$e,Me,te,se]}),n[50]=Fe,n[51]=ee,n[52]=ne,n[53]=Oe,n[54]=Ve,n[55]=$e,n[56]=Me,n[57]=te,n[58]=se,n[59]=oe):oe=n[59];let ae;n[60]!==N||n[61]!==me.length||n[62]!==de||n[63]!==k||n[64]!==le?(ae=me.length===0&&le.length===0&&de.length===0&&e.jsx("div",{className:"flex items-center justify-center h-48 text-sm text-muted-foreground",children:k?`No connections match "${k}"`:N==="connected"?"No connections yet":"No connections available"}),n[60]=N,n[61]=me.length,n[62]=de,n[63]=k,n[64]=le,n[65]=ae):ae=n[65];let ie;n[66]!==Z||n[67]!==oe||n[68]!==ae?(ie=e.jsxs("div",{className:Z,children:[oe,ae]}),n[66]=Z,n[67]=oe,n[68]=ae,n[69]=ie):ie=n[69];let _e;return n[70]!==De||n[71]!==ie?(_e=e.jsxs(e.Fragment,{children:[De,ie]}),n[70]=De,n[71]=ie,n[72]=_e):_e=n[72],_e}function nt(u){return!u.verified&&!u._meta?.["mcp.mesh"]?.verified&&!u.meta?.verified}function tt(u){return u.verified||u._meta?.["mcp.mesh"]?.verified||u.meta?.verified}function st(u){return u.app_name}function ot(u){return u.app_name}function at(u){return u?.items??[]}function it(u,n){if(u?.hasMore)return n.reduce(ct,0)}function ct(u,n){return u+(n?.items?.length??0)}function Vt({open:u,onOpenChange:n,defaultTab:J,initialSearch:z="",...j}){const $=j.mode??"add",M="agentId"in j?j.agentId:void 0,X="addedConnectionIds"in j?j.addedConnectionIds??new Set:new Set,v="onAdd"in j&&j.onAdd?j.onAdd:t=>{},k=(t,i,f)=>{M&&C("agent_connection_attached",{agent_id:M,connection_id:t,app_name:i,mode:f})},[Y,o]=pe.useState(null),[x,I]=pe.useState(z),[U,h]=pe.useState(!1),{org:l}=Xe(),{data:H}=Ze.useSession(),p=cn(),A=mn(),N=hn(),R=t=>{n(!1),N({to:"/$org/settings/connections/$appSlug",params:{org:l.slug,appSlug:t}})},E=async t=>{o(t.app_name??t.id);try{const f=`${t.title.replace(/\s*\(\d+\)\s*$/,"")} (${Date.now().toString(36).slice(-4)})`,c=(await p.create.mutateAsync({title:f,description:t.description??null,connection_type:t.connection_type,connection_url:t.connection_url??null,connection_token:null,icon:t.icon??null,app_name:t.app_name??null,app_id:t.app_id??null,connection_headers:t.connection_headers??null})).id,r=new URL(`/api/${l.slug}/mcp/${c}`,window.location.origin),m=await Ee({url:r.href,token:null,orgId:l.id});if(m.supportsOAuth&&!m.isAuthenticated){const{token:S,tokenInfo:y,error:_}=await Le({connectionId:c,orgSlug:l.slug,scope:"offline_access"});if(_||!S){C("connection_oauth_failed",{connection_id:c,flow:"clone",error:_??"no_token"}),B.error(`Authentication failed: ${_??"no token received"}`),await p.delete.mutateAsync(c);return}if(C("connection_oauth_succeeded",{connection_id:c,flow:"clone"}),y)try{(await fetch(`/api/${l.slug}/connections/${c}/oauth-token`,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({accessToken:y.accessToken,refreshToken:y.refreshToken,expiresIn:y.expiresIn,scope:y.scope,clientId:y.clientId,clientSecret:y.clientSecret,tokenEndpoint:y.tokenEndpoint})})).ok?await p.update.mutateAsync({id:c,data:{}}):await p.update.mutateAsync({id:c,data:{connection_token:S}})}catch{await p.update.mutateAsync({id:c,data:{connection_token:S}})}else await p.update.mutateAsync({id:c,data:{connection_token:S}});await A.invalidateQueries({queryKey:Ne.isMCPAuthenticated(r.href,null)})}k(c,t.app_name??null,"clone"),v(c)}catch(i){console.error("Failed to add connection:",i),B.error("Failed to add connection")}finally{o(null)}},s=async t=>{if(!(!l||!H?.user?.id)){o(t.id);try{const i=Gn(t,l.id,H.user.id,{remoteIndex:0}),f=i.connection_type==="STDIO",g=!!i.connection_url,c=f&&i.connection_headers&&typeof i.connection_headers=="object"&&"command"in i.connection_headers;if(!g&&!c){B.error("This MCP Server cannot be connected: no connection method available"),o(null);return}const{id:r}=await p.create.mutateAsync(i),m=new URL(`/api/${l.slug}/mcp/${r}`,window.location.origin),S=await Ee({url:m.href,token:null,orgId:l.id});if(S.supportsOAuth&&!S.isAuthenticated){const{token:y,tokenInfo:_,error:w}=await Le({connectionId:r,orgSlug:l.slug,scope:"offline_access"});if(w||!y){C("connection_oauth_failed",{connection_id:r,flow:"connect_new",error:w??"no_token"}),B.warning("Couldn't sign in to this connection",{description:`It was added to your agent, but its sign-in setup looks off. You can try authenticating again later from the connection's settings. (${w??"no token received"})`}),k(r,i.app_name??null,"new"),v(r);return}if(C("connection_oauth_succeeded",{connection_id:r,flow:"connect_new"}),_)try{(await fetch(`/api/${l.slug}/connections/${r}/oauth-token`,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({accessToken:_.accessToken,refreshToken:_.refreshToken,expiresIn:_.expiresIn,scope:_.scope,clientId:_.clientId,clientSecret:_.clientSecret,tokenEndpoint:_.tokenEndpoint})})).ok?await p.update.mutateAsync({id:r,data:{}}):await p.update.mutateAsync({id:r,data:{connection_token:y}})}catch{await p.update.mutateAsync({id:r,data:{connection_token:y}})}else await p.update.mutateAsync({id:r,data:{connection_token:y}});await A.invalidateQueries({queryKey:Ne.isMCPAuthenticated(m.href,null)}),B.success("Connected and authenticated")}else B.success("Connected");k(r,i.app_name??null,"new"),v(r)}catch(i){console.error("Failed to connect:",i),B.error("Failed to connect")}finally{o(null)}}};return e.jsxs(tn,{open:u,onOpenChange:n,children:[e.jsxs(sn,{className:"sm:max-w-5xl h-[85vh] max-h-[85vh] flex flex-col p-0 gap-0 overflow-hidden w-[95vw]",children:[e.jsx(on,{className:"px-6 pt-5 pb-0 shrink-0",children:e.jsx(an,{className:"text-base font-semibold",children:$==="browse"?"Connections":"Add Connection"})}),e.jsx("div",{className:"pt-3 shrink-0",children:e.jsx(vn,{value:x,onChange:I,placeholder:"Search connections..."})}),e.jsx(pe.Suspense,{fallback:e.jsx("div",{className:"flex-1 flex items-center justify-center",children:e.jsx(ke,{size:24,className:"animate-spin text-muted-foreground"})}),children:e.jsx(et,{mode:$,agentId:M,addedConnectionIds:X,onAdd:v,onCloneAndAdd:E,onConnectAndAdd:s,connectingItemId:Y,search:x,onCreateConnection:()=>h(!0),onBrowseNavigate:R,defaultTab:J})})]}),e.jsx(Zn,{open:U,onOpenChange:h,onCreated:async t=>{h(!1);const i=new URL(`/api/${l.slug}/mcp/${t}`,window.location.origin),f=await Ee({url:i.href,token:null,orgId:l.id});if(f.supportsOAuth&&!f.isAuthenticated){const{token:g,tokenInfo:c,error:r}=await Le({connectionId:t,orgSlug:l.slug,scope:"offline_access"});if(r||!g){C("connection_oauth_failed",{connection_id:t,flow:"custom_create",error:r??"no_token"}),B.warning("Couldn't sign in to this connection",{description:`It was added to your agent, but its sign-in setup looks off. You can try authenticating again later from the connection's settings. (${r??"no token received"})`}),k(t,null,"custom"),v(t),n(!1);return}if(C("connection_oauth_succeeded",{connection_id:t,flow:"custom_create"}),c)try{(await fetch(`/api/${l.slug}/connections/${t}/oauth-token`,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({accessToken:c.accessToken,refreshToken:c.refreshToken,expiresIn:c.expiresIn,scope:c.scope,clientId:c.clientId,clientSecret:c.clientSecret,tokenEndpoint:c.tokenEndpoint})})).ok?await p.update.mutateAsync({id:t,data:{}}):await p.update.mutateAsync({id:t,data:{connection_token:g}})}catch{await p.update.mutateAsync({id:t,data:{connection_token:g}})}else await p.update.mutateAsync({id:t,data:{connection_token:g}});await A.invalidateQueries({queryKey:Ne.isMCPAuthenticated(i.href,null)})}k(t,null,"custom"),v(t),n(!1)}})]})}export{Vt as A};

package/dist/client/assets/add-section-modal-ZgvzMipS.js

@@ -1 +0,0 @@
-import{e as z,r as w,j as r,c as H}from"./index-CUnAYDq5.js";import{C as M}from"./agent-icon-XLGHo0kr.js";import{i as V}from"./SearchMd-D3ETIoSf.js";import{b as X,a as J,d as K,c as Q}from"./dialog-B_O0YHSc.js";import{I as Y}from"./input-lgmc0LnE.js";import{d as Z,f as ee,h as te,j as G,G as re}from"./index-DgTYC1fP.js";import"./AlertCircle-BgAi0TBA.js";import"./Tool01-JPUotYsI.js";import"./Stars02-D4I6fD6_.js";import"./SwitchHorizontal01-NoeA3xaq.js";import"./RefreshCcw01-DgW8dLGu.js";import"./XCircle-DwofC3wy.js";import"./ArrowUpRight-DsL6Reyn.js";import"./ZapSquare-CqZif3XR.js";import"./Users03-B727CMTt.js";import"./CheckCircle-CSAizgq5.js";import"./Check-B1q7nKzx.js";import"./ChevronDown-KUakJuLZ.js";import"./ChevronRight-BhMmmEKQ.js";import"./ChevronUp-2fsIj2q2.js";import"./DotsVertical-Gjb_7DIP.js";import"./Container-cibdYyVb.js";import"./FilterLines-BRdyozey.js";import"./Star01-0EW-iosn.js";import"./Palette-DAfKkJkW.js";import"./HardDrive-CYfua07b.js";import"./Key01-B7WPmGmC.js";import"./LayoutLeft-p4CwOBqe.js";import"./LinkExternal01-KEi-Z9i5.js";import"./Lock01-DA2jWZWz.js";import"./Monitor01-BJcpLHYQ.js";import"./Sun-fm_2KlPL.js";import"./Play-CFyYt_wv.js";import"./Plus-CizURyu9.js";import"./Settings02-BY2Pxnpk.js";import"./Shield01-DuQdlhCK.js";import"./Trash01-C2ar6LH7.js";import"./Upload01-B4dgZj2b.js";import"./User01-B41z4EAf.js";import"./Users01-B-CCqrW9.js";import"./XClose-B51bbnRi.js";import"./X-CwpxX8gA.js";import"./Zap-vQzqu9H0.js";import"./index-Dh1898sN.js";import"./chat-context-BUhP00uf.js";import"./hooks-ZjKTPw2A.js";import"./constants-B53eHV3-.js";import"./decopilot-sse-pool-MAuIaK7E.js";import"./create-sse-subscription-CjI9SUTI.js";import"./use-virtual-mcp-COGLJjaR.js";import"./use-collections-Dor17c8Y.js";import"./use-ai-providers-CAmJWMKz.js";import"./use-organization-settings-w_Y2jmCJ.js";import"./pair-CTbku_a4.js";import"./index-Bvsg3NiS.js";import"./use-copy-9W7Z-Pbv.js";import"./tooltip-n-ngDWxG.js";import"./format-time-GeUngI9C.js";import"./differenceInSeconds-NQ4PDo0z.js";import"./content-blocks-o63cs2vh.js";import"./types-CwoIm95P.js";import"./shell-layout-BzOiZVQV.js";import"./avatar-LooMzhfi.js";import"./required-auth-layout-BkiPoe0M.js";import"./useRouterState-SC1KyGSB.js";import"./use-org-sso-iDUjnVsP.js";import"./integration-icon-BXUO_Njs.js";import"./use-mcp-prompts-D24LX3gx.js";import"./form-BFAHx4iN.js";import"./label-DcQlrAjp.js";import"./spinner-2wB9aHI6.js";import"./drawer-C-_IUDSx.js";import"./collection-search-BGJNBACW.js";import"./select-B2Pl82WU.js";import"./tabs-aThKlaIU.js";import"./toggle-group-xGZWxkUa.js";import"./agent-icons-BqfWFhJB.js";import"./checkbox-BNf60kN7.js";import"./skeleton-DzpiLHtg.js";import"./ai-providers-logos-DD3qZ33J.js";import"./settings-section-C0YBjnT8.js";import"./card-BDREDojW.js";import"./connect-desktop-dialog-OojgMalE.js";import"./unwrap-tool-result-BYXdCQMg.js";import"./popover-DjWwQ2p7.js";import"./index-Bpm2vHH6.js";import"./dropdown-menu-C5HgziE_.js";import"./question-004-sINsf4GQ.js";import"./add-connection-dialog-D50R3qeo.js";import"./connection-slug-eyAPH6o3.js";import"./connection-card-eQZIiBUl.js";import"./use-registry-connections-cRvHs7c9.js";import"./use-connection-BoixL2xK.js";import"./useInfiniteQuery-BQtXP79S.js";import"./infiniteQueryObserver-CdkXvCvR.js";import"./extract-connection-data-Bd8Lq9RW.js";import"./generate-id-B_QLeAWt.js";import"./collections-B0N4s2eZ.js";import"./collection-tabs-CUYH07L7.js";import"./badge-DWBfsQbW.js";import"./textarea-Cg-WfeUJ.js";import"./connection-form-helpers-B3jMNY_h.js";import"./use-infinite-scroll-BFFipdD-.js";import"./useSuspenseInfiniteQuery-wF-yqYrc.js";import"./index-D8DgDkf2.js";import"./sidebar-DtT69km7.js";import"./toolbar-BOwmYlC-.js";import"./collection-search-B2iXpuD4.js";import"./use-navigate-to-agent-yi_ynAqS.js";import"./use-create-virtual-mcp-CQbgz72I.js";import"./github-repo-picker-BD8dSH8x.js";import"./use-mcp-tools-DKJS3GVK.js";import"./alert-dialog-CKUxYG2J.js";import"./index-kwlpZruZ.js";import"./command-Dt1dk1G_.js";import"./index-paiYcrv8.js";import"./hover-card-BdFJOPNa.js";import"./task-status-DxdzcW0U.js";import"./use-status-sounds-CLBXkhki.js";import"./empty-state-ba0Bg_SE.js";import"./accordion-C62VZCRL.js";import"./user-CxB7hmdy.js";import"./tools-list-skK3-4ma.js";import"./switch-Cy6R_CYp.js";import"./use-debounced-autosave-Duw3LClP.js";import"./monaco-editor-DB2Zg9rO.js";import"./index-DmFb2sQ5.js";import"./use-secrets-DiEzJgKU.js";import"./view-mode-toggle-C2d_91k5.js";import"./automation-list-row-CWjzKayb.js";import"./search-input-CTVp3uE8.js";const oe=12,_=new Set,$=new Set;function ie(){for(const l of $)l()}function se(l){return _.has(l)?!0:_.size>=oe?!1:(_.add(l),!0)}function F(l){_.delete(l)&&ie()}function le(l){return $.add(l),()=>{$.delete(l)}}function ne(l,e){const t=w.useRef(!1),[v,m]=w.useState(!1),n=w.useRef(null),p=w.useRef(null),i=w.useRef(null),o=w.useRef(l);o.current=l;const[x]=w.useState(()=>{const s=()=>{i.current?.(),i.current=null},c=()=>t.current?!0:se(e)?(t.current=!0,m(!0),s(),!0):!1;return f=>{if(p.current=f,n.current&&(n.current.disconnect(),n.current=null),s(),!f){t.current&&(F(e),t.current=!1,m(!1));return}queueMicrotask(()=>{if(p.current!==f)return;const a=new IntersectionObserver(u=>{if(u[0]?.isIntersecting??!1){!c()&&!i.current&&(i.current=le(()=>{p.current===f&&c()}));return}s(),t.current&&(F(e),t.current=!1,m(!1))},{root:o.current.current,rootMargin:"160px 0px"});a.observe(f),n.current=a})}});return{ref:x,iframeActive:v}}function me(l){const e=z.c(8),{previewUrl:t,title:v,scrollRootRef:m,slotId:n}=l,{ref:p,iframeActive:i}=ne(m,n),[o,x]=w.useState(!1);let s;e[0]!==i||e[1]!==o||e[2]!==t||e[3]!==v?(s=i?r.jsxs(r.Fragment,{children:[!o&&r.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-muted/40",children:r.jsx(M,{className:"h-8 w-8 animate-pulse text-muted-foreground/40"})}),r.jsx("iframe",{src:t,title:`Preview ${v}`,sandbox:"allow-scripts allow-same-origin",referrerPolicy:"no-referrer",className:"pointer-events-none h-[200%] w-[200%] origin-top-left scale-50 border-0 bg-white",tabIndex:-1,onLoad:()=>x(!0)})]}):r.jsx("div",{className:"flex h-full items-center justify-center",children:r.jsx(M,{className:"h-8 w-8 text-muted-foreground/30"})}),e[0]=i,e[1]=o,e[2]=t,e[3]=v,e[4]=s):s=e[4];let c;return e[5]!==p||e[6]!==s?(c=r.jsx("div",{ref:p,className:"relative aspect-[16/10] w-full overflow-hidden bg-muted/40",children:s}),e[5]=p,e[6]=s,e[7]=c):c=e[7],c}function pe(l){const e=z.c(26),{entry:t,previewUrl:v,scrollRootRef:m,onSelect:n}=l,p=t.isSavedBlock&&"border-[oklch(0.7278_0.151_289/0.35)] hover:bg-[oklch(0.7278_0.151_289/0.08)]";let i;e[0]!==p?(i=H("group flex flex-col overflow-hidden rounded-lg border bg-card text-left transition-colors","hover:border-primary/40 hover:bg-accent/30",p),e[0]=p,e[1]=i):i=e[1];let o;e[2]!==t.resolveType||e[3]!==t.title||e[4]!==v||e[5]!==m?(o=r.jsx(me,{previewUrl:v,title:t.title,scrollRootRef:m,slotId:t.resolveType}),e[2]=t.resolveType,e[3]=t.title,e[4]=v,e[5]=m,e[6]=o):o=e[6];let x;e[7]!==t.isSavedBlock?(x=t.isSavedBlock?{color:re}:void 0,e[7]=t.isSavedBlock,e[8]=x):x=e[8];let s;e[9]!==x?(s=r.jsx(M,{className:"h-4 w-4 shrink-0",style:x}),e[9]=x,e[10]=s):s=e[10];let c;e[11]!==t.title?(c=r.jsx("p",{className:"truncate text-sm font-medium",children:t.title}),e[11]=t.title,e[12]=c):c=e[12];let f;e[13]!==t.description?(f=t.description&&r.jsx("p",{className:"truncate text-xs text-muted-foreground",children:t.description}),e[13]=t.description,e[14]=f):f=e[14];let a;e[15]!==c||e[16]!==f?(a=r.jsxs("div",{className:"min-w-0 flex-1",children:[c,f]}),e[15]=c,e[16]=f,e[17]=a):a=e[17];let u;e[18]!==s||e[19]!==a?(u=r.jsxs("div",{className:"flex items-center gap-2 border-t px-3 py-2.5",children:[s,a]}),e[18]=s,e[19]=a,e[20]=u):u=e[20];let h;return e[21]!==n||e[22]!==i||e[23]!==o||e[24]!==u?(h=r.jsxs("button",{type:"button",onClick:n,className:i,children:[o,u]}),e[21]=n,e[22]=i,e[23]=o,e[24]=u,e[25]=h):h=e[25],h}function Or(l){const e=z.c(41),{open:t,onOpenChange:v,meta:m,decofile:n,previewBaseUrl:p,onSelect:i}=l,[o,x]=w.useState(""),[s,c]=w.useState(t),f=w.useRef(null);t!==s&&(c(t),t&&x(""));let a,u,h,S,j,b,N,y,g,R,C;if(e[0]!==n||e[1]!==m||e[2]!==v||e[3]!==i||e[4]!==t||e[5]!==p||e[6]!==o){const E=t&&m&&n?Z(m,n):[],U=m?ee(m):"",D=n?te(n):void 0,W=new Map;if(t&&U)for(const d of E)W.set(d.resolveType,G(p,U,d.previewBlock,D));const P=o.trim().toLowerCase(),q=P?E.filter(d=>d.title.toLowerCase().includes(P)||d.resolveType.toLowerCase().includes(P)||d.description?.toLowerCase().includes(P)):E;u=X,R=t,C=v,a=J,N="top-3 right-3",y="flex h-[90vh] max-h-[90vh] w-[96vw] max-w-[96vw] sm:max-w-[96vw] flex-col gap-0 overflow-hidden p-0";let A;e[18]===Symbol.for("react.memo_cache_sentinel")?(A=r.jsx(K,{children:"Add section"}),e[18]=A):A=e[18];let O;e[19]===Symbol.for("react.memo_cache_sentinel")?(O=r.jsx(V,{size:14,className:"pointer-events-none absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground"}),e[19]=O):O=e[19];let B;e[20]===Symbol.for("react.memo_cache_sentinel")?(B=d=>x(d.target.value),e[20]=B):B=e[20],e[21]!==o?(g=r.jsxs(Q,{className:"shrink-0 border-b px-4 py-3 text-left",children:[A,r.jsxs("div",{className:"relative pt-2",children:[O,r.jsx(Y,{value:o,onChange:B,placeholder:"Search sections...",className:"h-9 pl-8"})]})]}),e[21]=o,e[22]=g):g=e[22],j=f,b="min-h-0 flex-1 overflow-y-auto",h="p-4",S=q.length===0?r.jsx("p",{className:"py-8 text-center text-sm text-muted-foreground",children:"No sections found."}):r.jsx("div",{className:"grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3",children:q.map(d=>r.jsx(pe,{entry:d,scrollRootRef:f,previewUrl:W.get(d.resolveType)??G(p,U,d.previewBlock,D),onSelect:()=>i(d)},d.resolveType))}),e[0]=n,e[1]=m,e[2]=v,e[3]=i,e[4]=t,e[5]=p,e[6]=o,e[7]=a,e[8]=u,e[9]=h,e[10]=S,e[11]=j,e[12]=b,e[13]=N,e[14]=y,e[15]=g,e[16]=R,e[17]=C}else a=e[7],u=e[8],h=e[9],S=e[10],j=e[11],b=e[12],N=e[13],y=e[14],g=e[15],R=e[16],C=e[17];let T;e[23]!==h||e[24]!==S?(T=r.jsx("div",{className:h,children:S}),e[23]=h,e[24]=S,e[25]=T):T=e[25];let I;e[26]!==T||e[27]!==j||e[28]!==b?(I=r.jsx("div",{ref:j,className:b,children:T}),e[26]=T,e[27]=j,e[28]=b,e[29]=I):I=e[29];let L;e[30]!==a||e[31]!==I||e[32]!==N||e[33]!==y||e[34]!==g?(L=r.jsxs(a,{closeButtonClassName:N,className:y,children:[g,I]}),e[30]=a,e[31]=I,e[32]=N,e[33]=y,e[34]=g,e[35]=L):L=e[35];let k;return e[36]!==u||e[37]!==L||e[38]!==R||e[39]!==C?(k=r.jsx(u,{open:R,onOpenChange:C,children:L}),e[36]=u,e[37]=L,e[38]=R,e[39]=C,e[40]=k):k=e[40],k}export{Or as AddSectionModal};