@decocms/mesh 2.96.0 → 2.96.2

package/dist/client/assets/{use-project-BVzIiugr.js → use-project-DY_ihdkL.js}

@@ -1 +1 @@
-import{K as m,c as C,n as T}from"./index-_8KOOZTs.js";import{u as y}from"./useQuery-DJPFtjTr.js";import{u as f,a}from"./constants-Cq6ZE1z8.js";function S(t,s){const e=C.c(13);let r;e[0]!==t?(r={connectionId:a,orgId:t},e[0]=t,e[1]=r):r=e[1];const l=f(r);let u;e[2]!==t||e[3]!==s?(u=m.project(t,s),e[2]=t,e[3]=s,e[4]=u):u=e[4];let c;e[5]!==l||e[6]!==t||e[7]!==s?(c=async()=>{const p=await l.callTool({name:"PROJECT_GET",arguments:{organizationId:t,slug:s}});return(p.structuredContent??p).project},e[5]=l,e[6]=t,e[7]=s,e[8]=c):c=e[8];const o=!!t&&!!s;let n;return e[9]!==u||e[10]!==c||e[11]!==o?(n={queryKey:u,queryFn:c,enabled:o,staleTime:3e4},e[9]=u,e[10]=c,e[11]=o,e[12]=n):n=e[12],y(n)}function _(t,s){const e=f({connectionId:a,orgId:t}),r={queryKey:m.projects(t),queryFn:async()=>{const l=await e.callTool({name:"PROJECT_LIST",arguments:{organizationId:t}});return(l.structuredContent??l).projects.map(c=>({...c,organizationId:t}))},staleTime:3e4};return s?.suspense?T(r):y({...r,enabled:!!t})}export{_ as a,S as u};
+import{K as m,c as C,n as T}from"./index-B29giag9.js";import{u as y}from"./useQuery-BO0TdkAU.js";import{u as f,a}from"./constants-CH9byiKA.js";function S(t,s){const e=C.c(13);let r;e[0]!==t?(r={connectionId:a,orgId:t},e[0]=t,e[1]=r):r=e[1];const l=f(r);let u;e[2]!==t||e[3]!==s?(u=m.project(t,s),e[2]=t,e[3]=s,e[4]=u):u=e[4];let c;e[5]!==l||e[6]!==t||e[7]!==s?(c=async()=>{const p=await l.callTool({name:"PROJECT_GET",arguments:{organizationId:t,slug:s}});return(p.structuredContent??p).project},e[5]=l,e[6]=t,e[7]=s,e[8]=c):c=e[8];const o=!!t&&!!s;let n;return e[9]!==u||e[10]!==c||e[11]!==o?(n={queryKey:u,queryFn:c,enabled:o,staleTime:3e4},e[9]=u,e[10]=c,e[11]=o,e[12]=n):n=e[12],y(n)}function _(t,s){const e=f({connectionId:a,orgId:t}),r={queryKey:m.projects(t),queryFn:async()=>{const l=await e.callTool({name:"PROJECT_LIST",arguments:{organizationId:t}});return(l.structuredContent??l).projects.map(c=>({...c,organizationId:t}))},staleTime:3e4};return s?.suspense?T(r):y({...r,enabled:!!t})}export{_ as a,S as u};

package/dist/client/assets/{use-view-mode-B3y7tfmu.js → use-view-mode-CY4TLkHz.js}

@@ -1 +1 @@
-import{c as p,r as f}from"./index-_8KOOZTs.js";import{u as w}from"./use-mobile-CE6w0z-T.js";function S(m,M){const e=p.c(12),u=M===void 0?"cards":M,o=w(),b=f.useRef(o),s=m?`deco-view-mode-${m}`:"deco-view-mode";let i;e[0]!==u||e[1]!==s?(i=()=>{const r=globalThis.localStorage?.getItem(s);return r==="cards"||r==="table"?r:u},e[0]=u,e[1]=s,e[2]=i):i=e[2];const[t,g]=f.useState(i);let l;e[3]!==s?(l=r=>{g(r),globalThis.localStorage?.setItem(s,r)},e[3]=s,e[4]=l):l=e[4];const d=l;let c,a;e[5]!==o||e[6]!==t?(c=()=>{!b.current&&o&&t==="table"&&g("cards"),b.current=o},a=[o,t],e[5]=o,e[6]=t,e[7]=c,e[8]=a):(c=e[7],a=e[8]),f.useEffect(c,a);let n;return e[9]!==d||e[10]!==t?(n=[t,d],e[9]=d,e[10]=t,e[11]=n):n=e[11],n}export{S as u};
+import{c as p,r as f}from"./index-B29giag9.js";import{u as w}from"./use-mobile-DcwTOp-X.js";function S(m,M){const e=p.c(12),u=M===void 0?"cards":M,o=w(),b=f.useRef(o),s=m?`deco-view-mode-${m}`:"deco-view-mode";let i;e[0]!==u||e[1]!==s?(i=()=>{const r=globalThis.localStorage?.getItem(s);return r==="cards"||r==="table"?r:u},e[0]=u,e[1]=s,e[2]=i):i=e[2];const[t,g]=f.useState(i);let l;e[3]!==s?(l=r=>{g(r),globalThis.localStorage?.setItem(s,r)},e[3]=s,e[4]=l):l=e[4];const d=l;let c,a;e[5]!==o||e[6]!==t?(c=()=>{!b.current&&o&&t==="table"&&g("cards"),b.current=o},a=[o,t],e[5]=o,e[6]=t,e[7]=c,e[8]=a):(c=e[7],a=e[8]),f.useEffect(c,a);let n;return e[9]!==d||e[10]!==t?(n=[t,d],e[9]=d,e[10]=t,e[11]=n):n=e[11],n}export{S as u};

package/dist/client/assets/{use-virtual-mcp-DCx6MwPh.js → use-virtual-mcp-IiP1g_wm.js}

@@ -1 +1 @@
-import{c,u as r}from"./index-_8KOOZTs.js";import{e as a,u as C,d as I}from"./use-connection-DXTPjN_m.js";import{a as l,u}from"./constants-Cq6ZE1z8.js";function m(i){const t=c.c(4);let o;t[0]!==i?(o=i===void 0?{}:i,t[0]=i,t[1]=o):o=t[1];const n=o,{org:e}=r();let s;t[2]!==e.id?(s={connectionId:l,orgId:e.id},t[2]=e.id,t[3]=s):s=t[3];const d=u(s);return a(e.id,"VIRTUAL_MCP",d,n)}function V(i){const t=c.c(2),{org:o}=r();let n;t[0]!==o.id?(n={connectionId:l,orgId:o.id},t[0]=o.id,t[1]=n):n=t[1];const e=u(n);return I(o.id,"VIRTUAL_MCP",i??void 0,e)}function p(){const i=c.c(2),{org:t}=r();let o;i[0]!==t.id?(o={connectionId:l,orgId:t.id},i[0]=t.id,i[1]=o):o=i[1];const n=u(o);return C(t.id,"VIRTUAL_MCP",n)}export{p as a,m as b,V as u};
+import{c,u as r}from"./index-B29giag9.js";import{e as a,u as C,d as I}from"./use-connection-DrWeJHXu.js";import{a as l,u}from"./constants-CH9byiKA.js";function m(i){const t=c.c(4);let o;t[0]!==i?(o=i===void 0?{}:i,t[0]=i,t[1]=o):o=t[1];const n=o,{org:e}=r();let s;t[2]!==e.id?(s={connectionId:l,orgId:e.id},t[2]=e.id,t[3]=s):s=t[3];const d=u(s);return a(e.id,"VIRTUAL_MCP",d,n)}function V(i){const t=c.c(2),{org:o}=r();let n;t[0]!==o.id?(n={connectionId:l,orgId:o.id},t[0]=o.id,t[1]=n):n=t[1];const e=u(n);return I(o.id,"VIRTUAL_MCP",i??void 0,e)}function p(){const i=c.c(2),{org:t}=r();let o;i[0]!==t.id?(o={connectionId:l,orgId:t.id},i[0]=t.id,i[1]=o):o=i[1];const n=u(o);return C(t.id,"VIRTUAL_MCP",n)}export{p as a,m as b,V as u};

package/dist/client/assets/useInfiniteQuery-eF9xXIkq.js

@@ -0,0 +1 @@
+import{I as u}from"./infiniteQueryObserver-Dzcc9UjY.js";import{B as i}from"./index-B29giag9.js";function t(e,r){return i(e,u,r)}export{t as u};

package/dist/client/assets/{useMutation-DToMWBEW.js → useMutation-WNJB1RXH.js}

@@ -1 +1 @@
-import{aV as l,aW as p,aX as n,aY as d,aZ as h,z as b,r as o,a_ as m,a$ as f}from"./index-_8KOOZTs.js";var v=class extends l{#s;#i=void 0;#t;#e;constructor(t,s){super(),this.#s=t,this.setOptions(s),this.bindMethods(),this.#r()}bindMethods(){this.mutate=this.mutate.bind(this),this.reset=this.reset.bind(this)}setOptions(t){const s=this.options;this.options=this.#s.defaultMutationOptions(t),p(this.options,s)||this.#s.getMutationCache().notify({type:"observerOptionsUpdated",mutation:this.#t,observer:this}),s?.mutationKey&&this.options.mutationKey&&n(s.mutationKey)!==n(this.options.mutationKey)?this.reset():this.#t?.state.status==="pending"&&this.#t.setOptions(this.options)}onUnsubscribe(){this.hasListeners()||this.#t?.removeObserver(this)}onMutationUpdate(t){this.#r(),this.#o(t)}getCurrentResult(){return this.#i}reset(){this.#t?.removeObserver(this),this.#t=void 0,this.#r(),this.#o()}mutate(t,s){return this.#e=s,this.#t?.removeObserver(this),this.#t=this.#s.getMutationCache().build(this.#s,this.options),this.#t.addObserver(this),this.#t.execute(t)}#r(){const t=this.#t?.state??d();this.#i={...t,isPending:t.status==="pending",isSuccess:t.status==="success",isError:t.status==="error",isIdle:t.status==="idle",mutate:this.mutate,reset:this.reset}}#o(t){h.batch(()=>{if(this.#e&&this.hasListeners()){const s=this.#i.variables,i=this.#i.context,e={client:this.#s,meta:this.options.meta,mutationKey:this.options.mutationKey};t?.type==="success"?(this.#e.onSuccess?.(t.data,s,i,e),this.#e.onSettled?.(t.data,null,s,i,e)):t?.type==="error"&&(this.#e.onError?.(t.error,s,i,e),this.#e.onSettled?.(void 0,t.error,s,i,e))}this.listeners.forEach(s=>{s(this.#i)})})}};function O(t,s){const i=b(s),[e]=o.useState(()=>new v(i,t));o.useEffect(()=>{e.setOptions(t)},[e,t]);const r=o.useSyncExternalStore(o.useCallback(a=>e.subscribe(h.batchCalls(a)),[e]),()=>e.getCurrentResult(),()=>e.getCurrentResult()),u=o.useCallback((a,c)=>{e.mutate(a,c).catch(m)},[e]);if(r.error&&f(e.options.throwOnError,[r.error]))throw r.error;return{...r,mutate:u,mutateAsync:r.mutate}}export{O as u};
+import{aV as l,aW as p,aX as n,aY as d,aZ as h,z as b,r as o,a_ as m,a$ as f}from"./index-B29giag9.js";var v=class extends l{#s;#i=void 0;#t;#e;constructor(t,s){super(),this.#s=t,this.setOptions(s),this.bindMethods(),this.#r()}bindMethods(){this.mutate=this.mutate.bind(this),this.reset=this.reset.bind(this)}setOptions(t){const s=this.options;this.options=this.#s.defaultMutationOptions(t),p(this.options,s)||this.#s.getMutationCache().notify({type:"observerOptionsUpdated",mutation:this.#t,observer:this}),s?.mutationKey&&this.options.mutationKey&&n(s.mutationKey)!==n(this.options.mutationKey)?this.reset():this.#t?.state.status==="pending"&&this.#t.setOptions(this.options)}onUnsubscribe(){this.hasListeners()||this.#t?.removeObserver(this)}onMutationUpdate(t){this.#r(),this.#o(t)}getCurrentResult(){return this.#i}reset(){this.#t?.removeObserver(this),this.#t=void 0,this.#r(),this.#o()}mutate(t,s){return this.#e=s,this.#t?.removeObserver(this),this.#t=this.#s.getMutationCache().build(this.#s,this.options),this.#t.addObserver(this),this.#t.execute(t)}#r(){const t=this.#t?.state??d();this.#i={...t,isPending:t.status==="pending",isSuccess:t.status==="success",isError:t.status==="error",isIdle:t.status==="idle",mutate:this.mutate,reset:this.reset}}#o(t){h.batch(()=>{if(this.#e&&this.hasListeners()){const s=this.#i.variables,i=this.#i.context,e={client:this.#s,meta:this.options.meta,mutationKey:this.options.mutationKey};t?.type==="success"?(this.#e.onSuccess?.(t.data,s,i,e),this.#e.onSettled?.(t.data,null,s,i,e)):t?.type==="error"&&(this.#e.onError?.(t.error,s,i,e),this.#e.onSettled?.(void 0,t.error,s,i,e))}this.listeners.forEach(s=>{s(this.#i)})})}};function O(t,s){const i=b(s),[e]=o.useState(()=>new v(i,t));o.useEffect(()=>{e.setOptions(t)},[e,t]);const r=o.useSyncExternalStore(o.useCallback(a=>e.subscribe(h.batchCalls(a)),[e]),()=>e.getCurrentResult(),()=>e.getCurrentResult()),u=o.useCallback((a,c)=>{e.mutate(a,c).catch(m)},[e]);if(r.error&&f(e.options.throwOnError,[r.error]))throw r.error;return{...r,mutate:u,mutateAsync:r.mutate}}export{O as u};

package/dist/client/assets/useQuery-BO0TdkAU.js

@@ -0,0 +1 @@
+import{B as u,ac as s}from"./index-B29giag9.js";function o(e,r){return u(e,s,r)}export{o as u};

package/dist/client/assets/useSuspenseInfiniteQuery-DfH90Jor.js

@@ -0,0 +1 @@
+import{I as s}from"./infiniteQueryObserver-Dzcc9UjY.js";import{B as u,D as n}from"./index-B29giag9.js";function a(r,e){return u({...r,enabled:!0,suspense:!0,throwOnError:n},s,e)}export{a as u};

package/dist/client/assets/{view-mode-toggle-CHWTbO-_.js → view-mode-toggle-CRrDEnZy.js}

@@ -1 +1 @@
-import{c as Y,r as V,j as i}from"./index-_8KOOZTs.js";import{c as n}from"./button-DD0bNYN6.js";const Z={sm:{button:"size-7",icon:"size-4"},md:{button:"size-9",icon:"size-5"},lg:{button:"size-12",icon:"size-6"}};function oe(J){const e=Y.c(66),{value:o,onValueChange:l,options:t,size:D,fullWidth:F,className:W}=J,K=D===void 0?"sm":D,w=F===void 0?!1:F,G=V.useRef(null),H=V.useRef(null);let R;e[0]===Symbol.for("react.memo_cache_sentinel")?(R={left:0,width:0,opacity:0},e[0]=R):R=e[0];const[N,O]=V.useState(R);let _;e[1]===Symbol.for("react.memo_cache_sentinel")?(_=S=>{if(!S.current)return;const{offsetLeft:U,offsetWidth:X}=S.current;O({left:U,width:X,opacity:1})},e[1]=_):_=e[1];const Q=_;let C;e[2]!==t[0].value||e[3]!==o?(C=()=>{const S=o===t[0].value?G:H;Q(S)},e[2]=t[0].value,e[3]=o,e[4]=C):C=e[4];let E;e[5]!==t||e[6]!==o?(E=[o,t],e[5]=t,e[6]=o,e[7]=E):E=e[7],V.useEffect(C,E);const s=Z[K];let a;e[8]!==W?(a=n("relative flex gap-0 bg-muted rounded-lg",W),e[8]=W,e[9]=a):a=e[9];let c;e[10]!==l||e[11]!==t[0].value?(c=()=>l(t[0].value),e[10]=l,e[11]=t[0].value,e[12]=c):c=e[12];const $=w?"flex-1 h-12 px-4":s.button,I=!w&&t[0].label?"px-3":"";let r;e[13]!==I||e[14]!==$?(r=n("relative z-10 flex items-center justify-center gap-2 rounded-lg transition-colors [transition-timing-function:var(--ease-out-cubic)] duration-200",$,I),e[13]=I,e[14]=$,e[15]=r):r=e[15];const P=o===t[0].value?"text-foreground":"text-muted-foreground";let u;e[16]!==s.icon||e[17]!==P?(u=n("transition-colors ease-out duration-200 flex items-center justify-center [&>svg]:size-[1em]",s.icon,P),e[16]=s.icon,e[17]=P,e[18]=u):u=e[18];let f;e[19]!==t[0].icon||e[20]!==u?(f=i.jsx("span",{className:u,children:t[0].icon}),e[19]=t[0].icon,e[20]=u,e[21]=f):f=e[21];let d;e[22]!==t[0].label||e[23]!==t[0].value||e[24]!==o?(d=t[0].label&&i.jsx("span",{className:n("text-xs transition-colors ease-out duration-200 whitespace-nowrap",o===t[0].value?"text-foreground":"text-muted-foreground"),children:t[0].label}),e[22]=t[0].label,e[23]=t[0].value,e[24]=o,e[25]=d):d=e[25];let m;e[26]!==r||e[27]!==f||e[28]!==d||e[29]!==c?(m=i.jsxs("button",{ref:G,type:"button",onClick:c,className:r,children:[f,d]}),e[26]=r,e[27]=f,e[28]=d,e[29]=c,e[30]=m):m=e[30];let x;e[31]!==l||e[32]!==t[1].value?(x=()=>l(t[1].value),e[31]=l,e[32]=t[1].value,e[33]=x):x=e[33];const L=w?"flex-1 h-12 px-4":s.button,M=!w&&t[1].label?"px-3":"";let p;e[34]!==L||e[35]!==M?(p=n("relative z-10 flex items-center justify-center gap-2 rounded-lg transition-colors [transition-timing-function:var(--ease-out-cubic)] duration-200",L,M),e[34]=L,e[35]=M,e[36]=p):p=e[36];const T=o===t[1].value?"text-foreground":"text-muted-foreground";let b;e[37]!==s.icon||e[38]!==T?(b=n("transition-colors ease-out duration-200 flex items-center justify-center [&>svg]:size-[1em]",s.icon,T),e[37]=s.icon,e[38]=T,e[39]=b):b=e[39];let v;e[40]!==t[1].icon||e[41]!==b?(v=i.jsx("span",{className:b,children:t[1].icon}),e[40]=t[1].icon,e[41]=b,e[42]=v):v=e[42];let g;e[43]!==t[1].label||e[44]!==t[1].value||e[45]!==o?(g=t[1].label&&i.jsx("span",{className:n("text-xs transition-colors ease-out duration-200 whitespace-nowrap",o===t[1].value?"text-foreground":"text-muted-foreground"),children:t[1].label}),e[43]=t[1].label,e[44]=t[1].value,e[45]=o,e[46]=g):g=e[46];let h;e[47]!==x||e[48]!==p||e[49]!==v||e[50]!==g?(h=i.jsxs("button",{ref:H,type:"button",onClick:x,className:p,children:[v,g]}),e[47]=x,e[48]=p,e[49]=v,e[50]=g,e[51]=h):h=e[51];const q=w?"h-12":s.button;let y;e[52]!==q?(y=n("absolute z-0 bg-background rounded-lg border-shadow transition-all [transition-timing-function:var(--ease-out-cubic)] duration-200",q),e[52]=q,e[53]=y):y=e[53];const A=`${N.left}px`,B=`${N.width}px`;let j;e[54]!==N.opacity||e[55]!==A||e[56]!==B?(j={left:A,width:B,opacity:N.opacity},e[54]=N.opacity,e[55]=A,e[56]=B,e[57]=j):j=e[57];let z;e[58]!==y||e[59]!==j?(z=i.jsx("div",{className:y,style:j}),e[58]=y,e[59]=j,e[60]=z):z=e[60];let k;return e[61]!==m||e[62]!==h||e[63]!==z||e[64]!==a?(k=i.jsxs("div",{className:a,children:[m,h,z]}),e[61]=m,e[62]=h,e[63]=z,e[64]=a,e[65]=k):k=e[65],k}export{oe as V};
+import{c as Y,r as V,j as i}from"./index-B29giag9.js";import{c as n}from"./button-D-PerQqC.js";const Z={sm:{button:"size-7",icon:"size-4"},md:{button:"size-9",icon:"size-5"},lg:{button:"size-12",icon:"size-6"}};function oe(J){const e=Y.c(66),{value:o,onValueChange:l,options:t,size:D,fullWidth:F,className:W}=J,K=D===void 0?"sm":D,w=F===void 0?!1:F,G=V.useRef(null),H=V.useRef(null);let R;e[0]===Symbol.for("react.memo_cache_sentinel")?(R={left:0,width:0,opacity:0},e[0]=R):R=e[0];const[N,O]=V.useState(R);let _;e[1]===Symbol.for("react.memo_cache_sentinel")?(_=S=>{if(!S.current)return;const{offsetLeft:U,offsetWidth:X}=S.current;O({left:U,width:X,opacity:1})},e[1]=_):_=e[1];const Q=_;let C;e[2]!==t[0].value||e[3]!==o?(C=()=>{const S=o===t[0].value?G:H;Q(S)},e[2]=t[0].value,e[3]=o,e[4]=C):C=e[4];let E;e[5]!==t||e[6]!==o?(E=[o,t],e[5]=t,e[6]=o,e[7]=E):E=e[7],V.useEffect(C,E);const s=Z[K];let a;e[8]!==W?(a=n("relative flex gap-0 bg-muted rounded-lg",W),e[8]=W,e[9]=a):a=e[9];let c;e[10]!==l||e[11]!==t[0].value?(c=()=>l(t[0].value),e[10]=l,e[11]=t[0].value,e[12]=c):c=e[12];const $=w?"flex-1 h-12 px-4":s.button,I=!w&&t[0].label?"px-3":"";let r;e[13]!==I||e[14]!==$?(r=n("relative z-10 flex items-center justify-center gap-2 rounded-lg transition-colors [transition-timing-function:var(--ease-out-cubic)] duration-200",$,I),e[13]=I,e[14]=$,e[15]=r):r=e[15];const P=o===t[0].value?"text-foreground":"text-muted-foreground";let u;e[16]!==s.icon||e[17]!==P?(u=n("transition-colors ease-out duration-200 flex items-center justify-center [&>svg]:size-[1em]",s.icon,P),e[16]=s.icon,e[17]=P,e[18]=u):u=e[18];let f;e[19]!==t[0].icon||e[20]!==u?(f=i.jsx("span",{className:u,children:t[0].icon}),e[19]=t[0].icon,e[20]=u,e[21]=f):f=e[21];let d;e[22]!==t[0].label||e[23]!==t[0].value||e[24]!==o?(d=t[0].label&&i.jsx("span",{className:n("text-xs transition-colors ease-out duration-200 whitespace-nowrap",o===t[0].value?"text-foreground":"text-muted-foreground"),children:t[0].label}),e[22]=t[0].label,e[23]=t[0].value,e[24]=o,e[25]=d):d=e[25];let m;e[26]!==r||e[27]!==f||e[28]!==d||e[29]!==c?(m=i.jsxs("button",{ref:G,type:"button",onClick:c,className:r,children:[f,d]}),e[26]=r,e[27]=f,e[28]=d,e[29]=c,e[30]=m):m=e[30];let x;e[31]!==l||e[32]!==t[1].value?(x=()=>l(t[1].value),e[31]=l,e[32]=t[1].value,e[33]=x):x=e[33];const L=w?"flex-1 h-12 px-4":s.button,M=!w&&t[1].label?"px-3":"";let p;e[34]!==L||e[35]!==M?(p=n("relative z-10 flex items-center justify-center gap-2 rounded-lg transition-colors [transition-timing-function:var(--ease-out-cubic)] duration-200",L,M),e[34]=L,e[35]=M,e[36]=p):p=e[36];const T=o===t[1].value?"text-foreground":"text-muted-foreground";let b;e[37]!==s.icon||e[38]!==T?(b=n("transition-colors ease-out duration-200 flex items-center justify-center [&>svg]:size-[1em]",s.icon,T),e[37]=s.icon,e[38]=T,e[39]=b):b=e[39];let v;e[40]!==t[1].icon||e[41]!==b?(v=i.jsx("span",{className:b,children:t[1].icon}),e[40]=t[1].icon,e[41]=b,e[42]=v):v=e[42];let g;e[43]!==t[1].label||e[44]!==t[1].value||e[45]!==o?(g=t[1].label&&i.jsx("span",{className:n("text-xs transition-colors ease-out duration-200 whitespace-nowrap",o===t[1].value?"text-foreground":"text-muted-foreground"),children:t[1].label}),e[43]=t[1].label,e[44]=t[1].value,e[45]=o,e[46]=g):g=e[46];let h;e[47]!==x||e[48]!==p||e[49]!==v||e[50]!==g?(h=i.jsxs("button",{ref:H,type:"button",onClick:x,className:p,children:[v,g]}),e[47]=x,e[48]=p,e[49]=v,e[50]=g,e[51]=h):h=e[51];const q=w?"h-12":s.button;let y;e[52]!==q?(y=n("absolute z-0 bg-background rounded-lg border-shadow transition-all [transition-timing-function:var(--ease-out-cubic)] duration-200",q),e[52]=q,e[53]=y):y=e[53];const A=`${N.left}px`,B=`${N.width}px`;let j;e[54]!==N.opacity||e[55]!==A||e[56]!==B?(j={left:A,width:B,opacity:N.opacity},e[54]=N.opacity,e[55]=A,e[56]=B,e[57]=j):j=e[57];let z;e[58]!==y||e[59]!==j?(z=i.jsx("div",{className:y,style:j}),e[58]=y,e[59]=j,e[60]=z):z=e[60];let k;return e[61]!==m||e[62]!==h||e[63]!==z||e[64]!==a?(k=i.jsxs("div",{className:a,children:[m,h,z]}),e[61]=m,e[62]=h,e[63]=z,e[64]=a,e[65]=k):k=e[65],k}export{oe as V};

package/dist/client/assets/{workflow-CJsx3NLU.js → workflow-CD5ePGpY.js}

@@ -1 +1 @@
-import{u as w,g as K,m as q,r as $,j as t,O as B,c as k,aM as G,z as Q,K as W,t as A}from"./index-_8KOOZTs.js";import{a as J,u as V,e as Y}from"./constants-Cq6ZE1z8.js";import{C as X}from"./collection-tab-BXo1GiD8.js";import{g as Z,h as ee}from"./use-connection-DXTPjN_m.js";import{B as I}from"./button-DD0bNYN6.js";import{E as R}from"./empty-state-ByBuL-mR.js";import{E as te,i as ne}from"./error-boundary-DQU90rbd.js";import{P as x}from"./index-CFGId0Wt.js";import{B as F,a as M,b as z,c as T}from"./breadcrumb-C8g_xf1t.js";import{a as se,b as ie}from"./use-binding-e5wAJ2Zj.js";import{i as oe}from"./Loading01-DO6hmuEv.js";import{s as le}from"./RefreshCcw01-BCwUI-kJ.js";import{a as re}from"./Settings02-BI3GZSHv.js";import{u as ce}from"./useMutation-DToMWBEW.js";import{e as ae}from"./Dataflow03-CFDyQjKC.js";import"./generate-id-Dyweu44Y.js";import"./collection-table-wrapper-Ctn9Tw-j.js";import"./dropdown-menu-DWIfkCpI.js";import"./Check-BpnmtlNp.js";import"./ChevronRight-bn8bbclH.js";import"./ArrowUp--iCyDep1.js";import"./Grid01-BjNp0_tt.js";import"./List-D1Rifs9-.js";import"./tooltip-DcxH7ctA.js";import"./index-D8YdWWJr.js";import"./view-mode-toggle-CHWTbO-_.js";import"./table-Dh1z1vWK.js";import"./collection-search-U29ZLnk0.js";import"./SearchMd-D-napS-q.js";import"./input-BSJwtDuS.js";import"./card-SDw6XSoH.js";import"./integration-icon-Cyi91paQ.js";import"./Container-iEhX8Mjo.js";import"./Copy01-BFLkziTz.js";import"./DotsVertical-DpOdk4Aq.js";import"./Edit01-DzfsJhj_.js";import"./Eye-wuUqxO-f.js";import"./Trash01-5avAF0B3.js";import"./empty-state-BXZMP5as.js";import"./Inbox01-CnjldfLD.js";import"./use-list-state-Cptq1-Ae.js";import"./avatar-DPb5yQt1.js";import"./useQuery-DJPFtjTr.js";import"./use-view-mode-B3y7tfmu.js";import"./use-mobile-CE6w0z-T.js";import"./constants-Dn6qg1rG.js";import"./alert-dialog-BuC_3NDu.js";import"./Plus-trDN35Hh.js";import"./layout-DKMOqzAv.js";import"./binder-B_yBrcGV.js";function me({title:n,description:e,wellKnownMcp:o,imageSrc:c,onConnected:i}){const a=Z(),{org:{slug:s}}=w(),{data:r}=K.useSession(),m=q(),[d,p]=$.useState(!1),l=async()=>{if(!(!o||!r?.user?.id)){p(!0);try{const f=await a.create.mutateAsync(o);i?.(f.id),m({to:"/$org/$project/mcps/$connectionId",params:{org:s,project:B,connectionId:f.id}})}finally{p(!1)}}},u=()=>{m({to:"/$org/$project/mcps",params:{org:s,project:B},search:{action:"create"}})};return t.jsx(R,{image:c?t.jsx("img",{src:c,alt:n,width:336,height:320,className:"max-w-full h-auto"}):null,title:n,description:e,actions:t.jsxs(t.Fragment,{children:[t.jsxs(I,{variant:"outline",onClick:l,disabled:d||!o,children:[o?.icon&&t.jsx("img",{src:o.icon,alt:"",className:"size-4"}),d?"Installing...":`Install ${o?.title||"MCP"}`]}),t.jsx(I,{variant:"outline",onClick:u,children:"Custom Connection"})]})})}function de(n){const e=k.c(35),{bindingName:o,collectionName:c,title:i,emptyState:a,wellKnownMcp:s}=n,{org:r}=w(),m=ee();let d;e[0]!==m||e[1]!==o?(d={connections:m,binding:o},e[0]=m,e[1]=o,e[2]=d):d=e[2];const l=se(d)[0],u=ie(l);let f;if(e[3]!==c||e[4]!==u){let g;e[6]!==c?(g=L=>L.name.toLowerCase()===c.toLowerCase(),e[6]=c,e[7]=g):g=e[7],f=u.find(g),e[3]=c,e[4]=u,e[5]=f}else f=e[5];const E=f,[U,D]=$.useState(null),_=l&&E&&(l.id||U);let j;e[8]!==i?(j=t.jsx(x.Header,{children:t.jsx(x.Header.Left,{children:t.jsx(F,{children:t.jsx(M,{children:t.jsx(z,{children:t.jsx(T,{children:i})})})})})}),e[8]=i,e[9]=j):j=e[9];let h;e[10]!==l||e[11]!==r||e[12]!==i?(h=g=>{const{error:L,resetError:H}=g;return t.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center h-full p-6 text-center space-y-4",children:[t.jsx("div",{className:"bg-destructive/10 p-3 rounded-full",children:t.jsx(ne,{className:"h-6 w-6 text-destructive"})}),t.jsxs("div",{className:"space-y-2",children:[t.jsxs("h3",{className:"text-lg font-medium",children:["Failed to load ",i.toLowerCase()]}),t.jsx("p",{className:"text-sm text-muted-foreground max-w-xs mx-auto",children:L?.message||"Unable to connect to the server. Please check that it is running and accessible."})]}),t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsxs(I,{variant:"outline",onClick:H,children:[t.jsx(le,{className:"size-4"}),"Try again"]}),l&&t.jsx(I,{variant:"outline",asChild:!0,children:t.jsxs(G,{to:"/$org/$project/mcps/$connectionId",params:{org:r.slug,project:B,connectionId:l.id},search:{tab:"settings"},children:[t.jsx(re,{className:"size-4"}),"Connection Settings"]})})]})]})},e[10]=l,e[11]=r,e[12]=i,e[13]=h):h=e[13];let S;e[14]===Symbol.for("react.memo_cache_sentinel")?(S=t.jsx(oe,{size:32,className:"animate-spin text-muted-foreground mb-4"}),e[14]=S):S=e[14];let b;e[15]!==i?(b=i.toLowerCase(),e[15]=i,e[16]=b):b=e[16];let C;e[17]!==b?(C=t.jsxs("div",{className:"flex flex-col items-center justify-center h-full",children:[S,t.jsxs("p",{className:"text-sm text-muted-foreground",children:["Loading ",b,"..."]})]}),e[17]=b,e[18]=C):C=e[18];let y;e[19]!==E||e[20]!==l||e[21]!==a||e[22]!==r||e[23]!==_||e[24]!==s?(y=_?t.jsx(X,{connectionId:l.id,org:r.slug,activeCollection:E}):t.jsx("div",{className:"flex flex-col items-center justify-center h-full",children:t.jsx(me,{title:a.title,description:a.description,wellKnownMcp:s,imageSrc:a.imageSrc,onConnected:g=>{D(g)}})}),e[19]=E,e[20]=l,e[21]=a,e[22]=r,e[23]=_,e[24]=s,e[25]=y):y=e[25];let P;e[26]!==C||e[27]!==y?(P=t.jsx($.Suspense,{fallback:C,children:y}),e[26]=C,e[27]=y,e[28]=P):P=e[28];let N;e[29]!==h||e[30]!==P?(N=t.jsx(x.Content,{children:t.jsx(te,{fallback:h,children:P})}),e[29]=h,e[30]=P,e[31]=N):N=e[31];let v;return e[32]!==N||e[33]!==j?(v=t.jsxs(x,{children:[j,N]}),e[32]=N,e[33]=j,e[34]=v):v=e[34],v}function ue(){const n=k.c(12),{org:e,project:o}=w(),c=Q();let i;n[0]!==e.id?(i={connectionId:J,orgId:e.id},n[0]=e.id,n[1]=i):i=n[1];const a=V(i);let s;n[2]!==a||n[3]!==o?(s=async p=>{const l=o.enabledPlugins??[];if(l.includes(p))return;const u=[...l,p],f=await a.callTool({name:"PROJECT_UPDATE",arguments:{projectId:o.id,enabledPlugins:u}});return f.structuredContent??f},n[2]=a,n[3]=o,n[4]=s):s=n[4];let r;n[5]!==e.id||n[6]!==o||n[7]!==c?(r=()=>{c.invalidateQueries({queryKey:W.project(e.id,o.slug)}),c.invalidateQueries({queryKey:W.projects(e.id)})},n[5]=e.id,n[6]=o,n[7]=c,n[8]=r):r=n[8];let m;return n[9]!==s||n[10]!==r?(m={mutationFn:s,onSuccess:r,onError:pe},n[9]=s,n[10]=r,n[11]=m):m=n[11],ce(m)}function pe(n){A.error("Failed to enable plugin: "+(n instanceof Error?n.message:"Unknown error"))}function fe(n){const e=k.c(12),{pluginId:o,title:c,description:i,icon:a}=n,s=ue();let r;e[0]!==s||e[1]!==o?(r=async()=>{try{await s.mutateAsync(o),A.success("Plugin enabled!")}catch{}},e[0]=s,e[1]=o,e[2]=r):r=e[2];const m=r,d=a??null,p=s.isPending?"Enabling…":"Enable plugin";let l;e[3]!==s.isPending||e[4]!==m||e[5]!==p?(l=t.jsx(I,{onClick:m,disabled:s.isPending,children:p}),e[3]=s.isPending,e[4]=m,e[5]=p,e[6]=l):l=e[6];let u;return e[7]!==i||e[8]!==d||e[9]!==l||e[10]!==c?(u=t.jsx(R,{image:d,title:c,description:i,actions:l}),e[7]=i,e[8]=d,e[9]=l,e[10]=c,e[11]=u):u=e[11],u}const O="workflows";function dt(){const n=k.c(3),{project:e}=w();if(!(e.enabledPlugins??[]).includes(O)){let a;n[0]===Symbol.for("react.memo_cache_sentinel")?(a=t.jsx(x.Header,{children:t.jsx(x.Header.Left,{children:t.jsx(F,{children:t.jsx(M,{children:t.jsx(z,{children:t.jsx(T,{children:"Workflows"})})})})})}),n[0]=a):a=n[0];let s;return n[1]===Symbol.for("react.memo_cache_sentinel")?(s=t.jsxs(x,{children:[a,t.jsx(x.Content,{children:t.jsx("div",{className:"flex flex-col items-center justify-center h-full",children:t.jsx(fe,{pluginId:O,title:"Enable Workflows",description:"Automate multi-step processes by enabling the Workflows plugin. Once enabled you can create, run, and monitor workflows.",icon:t.jsx("div",{className:"bg-muted p-4 rounded-full",children:t.jsx(ae,{className:"size-8 text-muted-foreground"})})})})})]}),n[1]=s):s=n[1],s}let i;return n[2]===Symbol.for("react.memo_cache_sentinel")?(i=t.jsx(de,{bindingName:"WORKFLOW",collectionName:"workflow",title:"Workflows",emptyState:{title:"Create Workflows",description:"Run durable MCP tool calls in background."},wellKnownMcp:Y()}),n[2]=i):i=n[2],i}export{dt as default};
+import{u as w,g as K,m as q,r as $,j as t,O as B,c as k,aM as G,z as Q,K as W,t as A}from"./index-B29giag9.js";import{a as J,u as V,e as Y}from"./constants-CH9byiKA.js";import{C as X}from"./collection-tab-ZK9qGzbi.js";import{g as Z,h as ee}from"./use-connection-DrWeJHXu.js";import{B as I}from"./button-D-PerQqC.js";import{E as R}from"./empty-state-DoBcZdM-.js";import{E as te,i as ne}from"./error-boundary-8guJh7VT.js";import{P as x}from"./index-CwR6GYR2.js";import{B as F,a as M,b as z,c as T}from"./breadcrumb-ClGbT9Pe.js";import{a as se,b as ie}from"./use-binding-B7W2mOcc.js";import{i as oe}from"./Loading01-C30bDA9h.js";import{s as le}from"./RefreshCcw01-DRWlmqw5.js";import{a as re}from"./Settings02-ZV7r5q4D.js";import{u as ce}from"./useMutation-WNJB1RXH.js";import{e as ae}from"./Dataflow03-CJHUSZDC.js";import"./generate-id-Dyweu44Y.js";import"./collection-table-wrapper-aEUpSjNT.js";import"./dropdown-menu-C8QhWQVm.js";import"./Check-DVZrDl7E.js";import"./ChevronRight-lTpPQGwH.js";import"./ArrowUp-Cf0ZCNqn.js";import"./Grid01-BB6GzE_H.js";import"./List-ByKRHbSO.js";import"./tooltip-D-FT-fCa.js";import"./index-V777tuW4.js";import"./view-mode-toggle-CRrDEnZy.js";import"./table-C576YCZw.js";import"./collection-search-CFO7XWxi.js";import"./SearchMd-hERLZOdx.js";import"./input-Cxci79To.js";import"./card-ZafkYtyj.js";import"./integration-icon-ByKWru2D.js";import"./Container-CMQiv6Ns.js";import"./Copy01-CMA5_oKx.js";import"./DotsVertical-XqPeTgM4.js";import"./Edit01-CN-BVNm7.js";import"./Eye-DBhpblAN.js";import"./Trash01-Dk9pv506.js";import"./empty-state-DyXzPX9E.js";import"./Inbox01-_QG6HIJd.js";import"./use-list-state-qDaPNHfK.js";import"./avatar-DbtnoOEU.js";import"./useQuery-BO0TdkAU.js";import"./use-view-mode-CY4TLkHz.js";import"./use-mobile-DcwTOp-X.js";import"./constants-kLsxGUtY.js";import"./alert-dialog-Cl76sYVz.js";import"./Plus-q5YWe4us.js";import"./layout-DUHhpHXf.js";import"./binder-BeHB3-7Y.js";function me({title:n,description:e,wellKnownMcp:o,imageSrc:c,onConnected:i}){const a=Z(),{org:{slug:s}}=w(),{data:r}=K.useSession(),m=q(),[d,p]=$.useState(!1),l=async()=>{if(!(!o||!r?.user?.id)){p(!0);try{const f=await a.create.mutateAsync(o);i?.(f.id),m({to:"/$org/$project/mcps/$connectionId",params:{org:s,project:B,connectionId:f.id}})}finally{p(!1)}}},u=()=>{m({to:"/$org/$project/mcps",params:{org:s,project:B},search:{action:"create"}})};return t.jsx(R,{image:c?t.jsx("img",{src:c,alt:n,width:336,height:320,className:"max-w-full h-auto"}):null,title:n,description:e,actions:t.jsxs(t.Fragment,{children:[t.jsxs(I,{variant:"outline",onClick:l,disabled:d||!o,children:[o?.icon&&t.jsx("img",{src:o.icon,alt:"",className:"size-4"}),d?"Installing...":`Install ${o?.title||"MCP"}`]}),t.jsx(I,{variant:"outline",onClick:u,children:"Custom Connection"})]})})}function de(n){const e=k.c(35),{bindingName:o,collectionName:c,title:i,emptyState:a,wellKnownMcp:s}=n,{org:r}=w(),m=ee();let d;e[0]!==m||e[1]!==o?(d={connections:m,binding:o},e[0]=m,e[1]=o,e[2]=d):d=e[2];const l=se(d)[0],u=ie(l);let f;if(e[3]!==c||e[4]!==u){let g;e[6]!==c?(g=L=>L.name.toLowerCase()===c.toLowerCase(),e[6]=c,e[7]=g):g=e[7],f=u.find(g),e[3]=c,e[4]=u,e[5]=f}else f=e[5];const E=f,[U,D]=$.useState(null),_=l&&E&&(l.id||U);let j;e[8]!==i?(j=t.jsx(x.Header,{children:t.jsx(x.Header.Left,{children:t.jsx(F,{children:t.jsx(M,{children:t.jsx(z,{children:t.jsx(T,{children:i})})})})})}),e[8]=i,e[9]=j):j=e[9];let h;e[10]!==l||e[11]!==r||e[12]!==i?(h=g=>{const{error:L,resetError:H}=g;return t.jsxs("div",{className:"flex-1 flex flex-col items-center justify-center h-full p-6 text-center space-y-4",children:[t.jsx("div",{className:"bg-destructive/10 p-3 rounded-full",children:t.jsx(ne,{className:"h-6 w-6 text-destructive"})}),t.jsxs("div",{className:"space-y-2",children:[t.jsxs("h3",{className:"text-lg font-medium",children:["Failed to load ",i.toLowerCase()]}),t.jsx("p",{className:"text-sm text-muted-foreground max-w-xs mx-auto",children:L?.message||"Unable to connect to the server. Please check that it is running and accessible."})]}),t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsxs(I,{variant:"outline",onClick:H,children:[t.jsx(le,{className:"size-4"}),"Try again"]}),l&&t.jsx(I,{variant:"outline",asChild:!0,children:t.jsxs(G,{to:"/$org/$project/mcps/$connectionId",params:{org:r.slug,project:B,connectionId:l.id},search:{tab:"settings"},children:[t.jsx(re,{className:"size-4"}),"Connection Settings"]})})]})]})},e[10]=l,e[11]=r,e[12]=i,e[13]=h):h=e[13];let S;e[14]===Symbol.for("react.memo_cache_sentinel")?(S=t.jsx(oe,{size:32,className:"animate-spin text-muted-foreground mb-4"}),e[14]=S):S=e[14];let b;e[15]!==i?(b=i.toLowerCase(),e[15]=i,e[16]=b):b=e[16];let C;e[17]!==b?(C=t.jsxs("div",{className:"flex flex-col items-center justify-center h-full",children:[S,t.jsxs("p",{className:"text-sm text-muted-foreground",children:["Loading ",b,"..."]})]}),e[17]=b,e[18]=C):C=e[18];let y;e[19]!==E||e[20]!==l||e[21]!==a||e[22]!==r||e[23]!==_||e[24]!==s?(y=_?t.jsx(X,{connectionId:l.id,org:r.slug,activeCollection:E}):t.jsx("div",{className:"flex flex-col items-center justify-center h-full",children:t.jsx(me,{title:a.title,description:a.description,wellKnownMcp:s,imageSrc:a.imageSrc,onConnected:g=>{D(g)}})}),e[19]=E,e[20]=l,e[21]=a,e[22]=r,e[23]=_,e[24]=s,e[25]=y):y=e[25];let P;e[26]!==C||e[27]!==y?(P=t.jsx($.Suspense,{fallback:C,children:y}),e[26]=C,e[27]=y,e[28]=P):P=e[28];let N;e[29]!==h||e[30]!==P?(N=t.jsx(x.Content,{children:t.jsx(te,{fallback:h,children:P})}),e[29]=h,e[30]=P,e[31]=N):N=e[31];let v;return e[32]!==N||e[33]!==j?(v=t.jsxs(x,{children:[j,N]}),e[32]=N,e[33]=j,e[34]=v):v=e[34],v}function ue(){const n=k.c(12),{org:e,project:o}=w(),c=Q();let i;n[0]!==e.id?(i={connectionId:J,orgId:e.id},n[0]=e.id,n[1]=i):i=n[1];const a=V(i);let s;n[2]!==a||n[3]!==o?(s=async p=>{const l=o.enabledPlugins??[];if(l.includes(p))return;const u=[...l,p],f=await a.callTool({name:"PROJECT_UPDATE",arguments:{projectId:o.id,enabledPlugins:u}});return f.structuredContent??f},n[2]=a,n[3]=o,n[4]=s):s=n[4];let r;n[5]!==e.id||n[6]!==o||n[7]!==c?(r=()=>{c.invalidateQueries({queryKey:W.project(e.id,o.slug)}),c.invalidateQueries({queryKey:W.projects(e.id)})},n[5]=e.id,n[6]=o,n[7]=c,n[8]=r):r=n[8];let m;return n[9]!==s||n[10]!==r?(m={mutationFn:s,onSuccess:r,onError:pe},n[9]=s,n[10]=r,n[11]=m):m=n[11],ce(m)}function pe(n){A.error("Failed to enable plugin: "+(n instanceof Error?n.message:"Unknown error"))}function fe(n){const e=k.c(12),{pluginId:o,title:c,description:i,icon:a}=n,s=ue();let r;e[0]!==s||e[1]!==o?(r=async()=>{try{await s.mutateAsync(o),A.success("Plugin enabled!")}catch{}},e[0]=s,e[1]=o,e[2]=r):r=e[2];const m=r,d=a??null,p=s.isPending?"Enabling…":"Enable plugin";let l;e[3]!==s.isPending||e[4]!==m||e[5]!==p?(l=t.jsx(I,{onClick:m,disabled:s.isPending,children:p}),e[3]=s.isPending,e[4]=m,e[5]=p,e[6]=l):l=e[6];let u;return e[7]!==i||e[8]!==d||e[9]!==l||e[10]!==c?(u=t.jsx(R,{image:d,title:c,description:i,actions:l}),e[7]=i,e[8]=d,e[9]=l,e[10]=c,e[11]=u):u=e[11],u}const O="workflows";function dt(){const n=k.c(3),{project:e}=w();if(!(e.enabledPlugins??[]).includes(O)){let a;n[0]===Symbol.for("react.memo_cache_sentinel")?(a=t.jsx(x.Header,{children:t.jsx(x.Header.Left,{children:t.jsx(F,{children:t.jsx(M,{children:t.jsx(z,{children:t.jsx(T,{children:"Workflows"})})})})})}),n[0]=a):a=n[0];let s;return n[1]===Symbol.for("react.memo_cache_sentinel")?(s=t.jsxs(x,{children:[a,t.jsx(x.Content,{children:t.jsx("div",{className:"flex flex-col items-center justify-center h-full",children:t.jsx(fe,{pluginId:O,title:"Enable Workflows",description:"Automate multi-step processes by enabling the Workflows plugin. Once enabled you can create, run, and monitor workflows.",icon:t.jsx("div",{className:"bg-muted p-4 rounded-full",children:t.jsx(ae,{className:"size-8 text-muted-foreground"})})})})})]}),n[1]=s):s=n[1],s}let i;return n[2]===Symbol.for("react.memo_cache_sentinel")?(i=t.jsx(de,{bindingName:"WORKFLOW",collectionName:"workflow",title:"Workflows",emptyState:{title:"Create Workflows",description:"Run durable MCP tool calls in background."},wellKnownMcp:Y()}),n[2]=i):i=n[2],i}export{dt as default};

package/dist/client/index.html

@@ -3,8 +3,8 @@
   <head>
     <title>MCP Mesh</title>
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-    <script type="module" crossorigin src="/assets/index-_8KOOZTs.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-hnZfQSPC.css">
+    <script type="module" crossorigin src="/assets/index-B29giag9.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-BT14xSn0.css">
   </head>
   <body>
     <div id="root"></div>