Microsoft Rayfin is an agentic application development platform that enables users to build web applications directly within Microsoft Fabric using AI agents. The platform allows developers to create apps with authentication, data connections, and custom visualizations by providing natural language instructions to agents, which then generate the necessary code, components, and deployment configurations. This approach democratizes application development by reducing the need for traditional coding skills while maintaining full functionality including responsive design, authentication, and data integration capabilities.
Deep Dive
Prerequisite Knowledge
- No data available.
Where to go next
- No data available.
Deep Dive
Build Recap - 017 Agentic ThinkingAdded:
Hello everyone and welcome back to the Agentic Thinking podcast. We have another fun episode. We are going to do a build recap uh today. Hello Matias, welcome back. It's good to see you again.
>> Absolutely. Likewise. uh you've just been to build which I'm quite jealous about. Um so very very I mean obviously I've I've been following it uh you know from several time zones away. Um yeah >> I've I've seen lots of blog posts and announcements and all of that but very keen. Uh how was it?
>> Um I thought it was one of the more energetic and fun builds conferences I've been to. I've only been to two so I only have two to compare to >> but this was way more fun. Um at the very end they brought out the chain smokers which was funny. Uh Satia was talking with the chain smokers. They have made some money in the music era and industry and they have created their own venture capitalist firm around investing in tech and high-tech uh technology pieces. They felt like it fit very much their personality and how they were so again already into tech already.
And it was very fun because at the end of day one they put on a huge conference. So, if you go follow me on social media, you'll probably see some posts from me jumping and singing to the Chain Smokers in the front row. Um, I've never been so close to a like a really big artist like this, but we were able to narrate ourselves up to the front row. They were super fun. That was the fun part, but the tech technology announcements were through the roof. I thought there was a lot of really uh amazing announcements. And by far the one the most impactful to me and and the one that's probably most near and dear to my heart is project rayin. It's a PowerBI application that we can style our style now start vibe coding our apps using agents which is awesome. So >> okay >> what did you hear Matias while you were on the other side of the world?
>> Um right loads of uh Foundry stuff uh foundry hosted agents foundry routines very interested in digging deeper into that. Um the Windows intelligent terminal uh is definitely something which uh caught my attention. So it's it's a fork of Windows terminal um built with direct integration for um coding well for agents using the um agent client protocol ACP. So pretty much any agent that supports the protocol can be hooked in there. I installed it earlier today. Um uh it's it's a very early version. Let's put it that way. Uh sure.
Um but um I I I do like the um idea and and the vision behind it. Um bit disappointed that it's Windows only. Uh I actually I mean I I run um most of my sort of agent and dev stuff on Linux these days. So >> um but yeah, definitely um something that stands out. Um what else? Microsoft Scout personal really >> probably something which is which you're really interested in >> very much so and it feels like that was the they had this thing internally I think there was a gentleman talking about um claw pilot I think is what they were calling it initially but now it's turned into the the project name of scout which is basically I think what they're doing they're doing like a Hermes or an openclaw I mean actually at the conference there was a lot of talk about openclaw native on Windows >> in sandboxes. Um, a lot more support for Linux related things. That was actually really exciting to see >> Microsoft within a relatively short period of time, November till now.
>> Mh.
>> And they're already adding OpenClaw and agents and Hermes and these other agent experiences directly inside Windows >> with proper sandboxing. I thought this was a very bold move.
>> Um, and it felt like this was there's a momentum, a movement behind this. And when the big tech guys start jumping in to do this, >> that says something, >> right? And very much linked to that, um there's new hardware coming, right?
>> New hardware, lots Yeah. very um Spark Box uh which looks uh definitely like a sort of next generation device as well. Um not sure when it's going to be available, but uh definitely something quite promising. I think there there was another thread of this that kind of wo through many of the conversations that they were having on stage. It talked a lot about running your models locally on your machine. And I found this to be very interesting from a company that's um and a lot of these big premier models >> they run in the cloud on big data centers and everyone's trying to build massive data centers all over the world to to support these models and people want to purchase it but that we can't get enough. Um I think the increase in prices uh recently here I think Microsoft also wants to get in the game of Nvidia it it felt like you know Nvidia has the corner on the market on we build GPUs for um really good agentic experiences and Microsoft's like well we make hardware we need to get on this too. what can we do to produce something on machines and hardware to uh lift some of that weight or load away from tokens in the cloud and use them locally. So, this was a really interesting move. I I wasn't quite anticipating this.
>> Very pleasantly surprised that Microsoft is putting more effort around building this local running hosting of models >> into their hardware actually.
>> And something which was very surprising to me um you know You mentioned hardware. So a very good followup here. Um GPU accelerated analytics in fabric.
>> Oh yeah, >> that is um >> huge.
>> Something very very interesting. um uh leading edge, you know, they're going very deep in sort of using um GPU and um uh uh internals um to to well based on what's been published massively accelerate certain types of queries in in in data warehouse. Um my first thought on that to be fair was >> interesting move given that GPU as a capacity uh or uh or as a resource is so sparse nowadays right the world doesn't have as much GPUs as as as we all need to you know to run our large language models so very interesting I thought that we're actually adding a whole new use case you know on top of that sparse most recent but there we go. Um, so far I this is only I think in uh in some private preview but they have talked about it publicly. It's part of the uh announcements and I think uh it's definitely um coming later this year. Um >> let's I want to unpack that a little But I had to imagine when Microsoft buys a bunch of well the the era of agentic inference now and GPUs and compute that's now being designed specifically for large language models. Um if they're moving more towards that direction or you know gaming is continually getting newer and better graphics cards and more gaming and graphics cards are being built into the cloud. I had to also imagine Microsoft has a huge amount of >> let's call them older graphics GPUs >> laying around their data centers and like what are we >> that's what it is right >> what are we going to do with all these other GPUs we're upgrading we're building new things like do we just rip out the old racks and throw them away is there any use case where we could find a good placement for these old GPUs now they're likely going to be more expensive than a CPU cuz that's just how they seem to run price-wise but if you have a bunch of aging hardware you try and find new uses for this. Maybe this is a good non-graphical space, but still uses a lot of its capability >> to help accelerate what we're trying to do in the data warehouse side of things.
This will be very interesting and this could be just a a rollover of use uh utility >> happening on existing GPU stock. I don't know the details here. This is all speculation at this point. So, don't quote me on this and don't come after me if I'm totally wrong because this is just speculating in my head.
>> Possibly. I actually did something quite similar like a year ago or so. you know, I had had an old uh third generation RTX graphics card lying around >> um and made it um suddenly became extremely useful because it turns out, you know, it can run some some some pretty powerful local models in Ola LM Studio. Um so yeah, maybe that's what it is. Um what else did I see? Um well, obviously lots of fabric stuff. um sort of a bit more technical and and much more related uh to what we've been doing in terms of demos. The um Microsoft Skills for Fabric repo um had a new release. Yes, >> the uh 032 release um which doesn't sound super exciting. Um uh in fact, technically it's a patch release, but it's actually a massive PR behind that with over 220 files. Um, so, uh, we're definitely going to have to use one of our upcoming episodes to look into that one specifically in detail. There's loads to unpack. Um, there's new stuff, um, in there around semantic modeling and and PowerBI reports. Um, uh, basically the whole, um, package around, uh, fabric skills for your agents, um, has, uh, uh, increased enormously. So, that's something I noticed. Um, Horizon DB. Um, a >> can I call off a couple I'm gonna call off a couple really interesting skills that appeared two days ago. Okay. So, one of the skills that I see here is called a datab bricks migration skill.
>> Oh, wow.
>> So, there's a skill here that says port your data bricks, notebooks, and jobs over to Microsoft fabric.
>> So, I found that to be very interesting as a skill. Now, in the skills for fabric area, that one was uh very interesting there. And I'm also looking through here. Let's see here. Two days ago, um we get a fabric IQ skill. So that one's appearing now. Um semantic model authoring like you said before, semantic model consumption. These are two skills that are appearing.
>> Matias, just before we go into the next topic, I just want to kind of maybe hang on you for here just a moment here on this one. Um inside these skills that you're finding, >> have you noticed anything interesting?
And I'm going to I'm not I'm not going to lead you to that question. I'm I'm going to give you what I think is interesting and then and then you can go from there. So >> I I have found when I'm looking at these skills when I look inside the skills most of the references are more markdown. There's a skill file skill.mmd and then behind it there's a whole bunch of other skills or or reference files that are additional details about how to work with the author modeling and all these other areas. Um, but I found it quite fascinating that everything in the repo seems like it's only markdown and reference files for markdown and almost no scripting or Python or anything else to support like >> from my understanding and I guess maybe this is just a slight topic here change.
When you build skills, you build the main skill markdown file and then you're supposed to kind of build any task related items, anything you want regular output from, you build scripts around because it it adds more structure to what the agent is doing. So instead of telling the agent, here's how to go talk to build a DAX performance guide on an analysis services model or here's instead of how to do um DAX guidelines, right? you would almost build a a Python script that says, "Send me your DAX.
I'll return you the guidelines that you did or did not use." And so I was kind of surprised seeing this whole skills for fabric kind of only existing in the markdown landscape.
>> What are your thoughts on this? And did you observe the same?
>> Oh, I've got a lot of thoughts here. Um, yes. So it's it's a abundant markdown which basically means it's targeting a very you need to use a very good um reasoning model with that. You know it needs a model that needs to be able to uh sort of read through all of this stuff and then sort of make sort of the right choices and um inferences. Um but also you need a model that has a really big context window right so uh this kind of architecture will not work very well um you know with with non uh prime models so that's one thing to point out the other thing um uh which I've personally noticed um particularly in a VS code context and using um you know the VS code chat experience um and I'm sure you know we can go in some more technical detail in in some in some future demo sessions. You need to be extremely careful with respect to what gets uh put into your context automatically. So if you basically if you install these skills into VS Code um and given that unfortunately those those skills for fabric um markdown files in particular happen to have a very very large description. I think in in in one of our recent demo episodes, I pointed that out when we looked at them, right? Um, you know, I from my point of view, you know, they all contain um substantially more markdown in the description field than what should be considered best practice, you know. So once they're installed in your VS code environment, every single uh chat session you open, irrespective of whether that's >> fabric related or not, will actually have all of those uh >> description um paragraphs loaded, right? And you know that adds up, you know, and particularly if you know obviously, right, it's the 5th of June today. So actually for co-piloted users this week has been a pivotal change because as of Monday you know nothing is cheap anymore you know as of I've heard lots of people who've actually used their entire monthly co-pilot allowance within a day or so I'm not kidding right so um you know if you're um uh if you're sort of uh impacted by the co-piloted pricing change you you want to be extremely token aware moving forward. Yes. And um this kind of architecture doesn't really help with that. Right. So to unpack here and and you need to have really good awareness um of what's installed in your environment, you know, what what gets um um what gets added to all your um agent sessions and you need to be very good at at deselecting them when it's actually the right thing to do. agree with that one very much. So, all right. I I do we could talk build the entire episode. I do want to do a little bit of demoing Matias. So, while I was at Build, one of the reasons why I went to build was I was speaking on Rafen. I've been testing and building and making things. So, actually, I was hoping what we could do here today. Um, if this is a good transition moment.
>> Let's go into my desktop and then we'll actually go build a Rayfin project directly through Microsoft Fabric. I'll go show you how it works. I'll show you the the basis of getting things started here.
>> Um, it's still >> it's in preview. There's things that are going to be changing. So, I just going to preface that with, you know, it's still a little rough around the edges, but things are changing quickly and I think it's going to be awesome. So, >> okay.
>> If you're good with it, >> yeah, can't wait. So, there's a Raven CLI, right, which which you sort of use as your guiding tool.
>> That's something I've seen there.
There's a public repo now. Um it's meant to be open source, but when you look at the repo today, um there are just some markdown files that say source code is coming, right? So yes, correct. Um so it's not technically open source yet, but not yet promise.
>> It's going to get there soon.
>> All right, so with that being said, let's go over to my screen here. So I'm going to go uh dip down and share my screen. So um I have a fabric workspace here already ready to go. And I just want to highlight one note here that you need to turn on in order for this to work inside your environment. If I go over here and click on the settings icon, you'll need to go into your admin portal. And once in your admin portal, you'll need to search for the word app.
There's a lot of app things in here.
It's not called Rafein inside um the admin portal. But what you're looking for is this setting here called enable app items that's currently in preview.
This is the new item that was just recently added to your workspace to your admin settings. So you have to turn this on. And as always, I always recommend to add a security group to this and don't just open it up for everyone in your organization. So make sure you you go build a security group specifically for your PowerBI admins or whatever Rayen testers or app testers and add that there in a specific security group.
>> So my understanding also is that there there are some region restrictions. Um wave apps are not yet available in all regions. Is that right?
Uh I believe this is in the documentation. They're not rolled out to all regions yet, but they should be getting there shortly. So I believe uh there's a short list of regions and it's uh regularly growing longer as we speak.
They're actively pushing out to more regions right now.
>> So everyone can test and build with these.
>> Okay. And and would that be your fabric home tenant region or what region matters here?
>> Yeah, I believe this is in any region where your fabric workspace is residing.
So if you have a fabric capacity that's in a different region, it will let it spin up. Um but it's not your tenant.
>> It's a capacity region.
>> Capacity region is how I understand it right now. Yes. Correct. Makes >> sense.
>> All right. So that being said, this is uh my app has been turned on. I'm going to go back to my workspace. So I'm going to build the app like from scratch. I'm going to go here, click on new item. And inside this new item, it will ask you to uh pick an item here. I will search for the word app up in the upper right hand corner. And what you'll find is we're going to be looking for again the item called app. And it's going to have this little blue app icon with a database attached to it or screen. Let's maybe that's a browser and and app icon. So I'll click on that one here. And it's going to ask me to add this new app. So let's just do a gentic thinking. And I'll just put it all here. One word, no spaces. Um and then I'll hit create on this one. Now you could probably use spaces in here. I think I've done that in the past. And what this will do is it'll create an item directly inside Microsoft Fabric. So there's a couple things that you'll note here. Once the app has been published from whatever your local development space looks like into the Fabric environment, this URL will populate at the top. You'll have a specific URL. And notice here you have a direct URL open of that URL. So you don't even need to be inside the context of Microsoft fabric to open the application. The app has a backend. So this is really what the technology piece here is. The backend piece is what is talking to the front end and back end securely. Right? You build a front end part of an app and you have a back end where functions and data calls and all the secret things you don't want users exposed to would go in the back end. So now there's a specific backend URL and there's this perishable API key item to help you during development. If you wanted to, you can give a command prompt directly to your agent. Now to be very clear, I've tried this a couple times.
I've gotten weird results from the prompt. So actually I like going straight to the CLI and doing it directly, but I will copy the prompt and I will show you what the prompt looks like. So let me copy the prompt here. It doesn't give you any indication that it was copied. You just have to kind of trust that it was it was doing it. And let me pull over here VS Code. Let me control new controll N here. I'll just paste in that code. So here's the prompt that it gives me. Let me make this a little bit larger. Um we're going to set up a new app called the name of the app.
We're going to run this command that you saw on the main page there. The first parameter here is just the name of the app. Notice there's no actual parameter in front of it. And then we have the workspace name that goes over here. And so it actually looks up the workspace ID and items for you automatically. The only other commands we really need to understand here is run npm dev. That's when you're building locally. You want to see what the app is doing. And then when you're done building locally, you want to push it back to powerbi.com.
You're going to use npx ren rayfin up pushing it up to the service. So that's what the code is doing here. But in true fashion, I'm going to do this hopefully properly with Matias's approval. is a way better dev than I am and or ever will be. So, I'm going to do this correctly. I'm going to go grab a folder. I'm going to go bring it to my VS Code location here. I'm going to do what every good dev does is we're going to initialize our repository. So, as the agent builds things, we can always revert commit changes. Uh, this is going to be local on my computer only, but I will do this so you can see what files are changing. I love this feature inside VS Code. It's professional. So, we're going to do that. So, here I am in in the demo folder on my computer here on my desktop. And so, I'm going to go back over to um the website. Let me go grab the website here again. And I'm going to just straight up use the commands it tells you here because this is more of a technical podcast or demonstration.
Let's use the actual code. So, I'm going to copy this code directly.
Minimize this. I'm going to bring up my terminal window here. Uh control tilda.
I'm going to bring up my terminal and I'm going to confirm that I yes am in fact in the same folder as my demo folder. I'm going to paste in that command mpm create rayfin latest and let me make this maximize the size now because you don't need the extra items there. We're going to hit enter and we're going to let it chew here for a bit. So it's going to go through it's going to go ask you to download some packages hopefully here as it thinks.
So, anyone who wants to replicate that, make sure you've got node installed, otherwise that npm command will not be resolvable on your machine.
>> Uh, great comment there. Let me add a quick new terminal here. I'll even do that. A new terminal. I'll just give you a quick node- version. So, I'm running one of the latest long-term support versions 24.15.
So, that's the one that I have running for this demo. So, it's good to let people know that that's happening. Okay.
>> All right. So, we're back to here. It was looking for the project. Uh, it's looking for a package. Once we install this, I'm going to say yes. We'll say yes here. We'll let it go install the package.
And once it installs the package, it will do a couple more prompts here, and it's actually going to start running and trying to let us build out a template here. So, I'm going to start with whatever template they give us. So, it's going to do some work here. It's going to tell me some things are deprecated.
There we go.
Okay. So right now after I did the install the package notice here it's already running its next command which it automatically ran okay let's create the create rayfin command now gives it some input parameters and lets it think as well. So we'll let this keep thinking here for a bit and we should get this is kind of long. It's taking a bit of time here. Usually goes a little bit faster than this. So it should give us another command. There we go. So it's gone through it's resolved the workspace. So what it's doing now, it actually has gone back to the workspace and it looks for the name of the workspace that we had earlier. So notice here I sent in data app tabs. It actually found the actual GID of the the the location. It's going to save that for later. And then it looks for the backend item because because the item in the workspace is also part of that workspace. And it also found the identity of that as well. So, it's actually using text and and some code behind the scenes to go search this using API calls behind the scenes. All right, we can use a template. We can use an external git template. I will come back come back to that at the end.
There's actually a way for you to templatize your RFIN projects and there's a a kind of a standard they're trying to build out here in YAML that will help you build templates as well.
>> Just a quick question if you don't mind.
>> Yeah, go ahead. Obviously, it it access the fabric API on your behalf. I never saw you log in. So, does it use your um a uh CLI login or how does it work?
>> I believe it's using an a login behind the scenes um is what I've seen. It it's actually prompted me in the past. And to be honest, I've done this so many times I've registered my device to be authenticated to >> talk to fabric and uh a login as well.
So, it may be doing something behind the scenes that's doing that for me automatically. But, um, yes, it is using my identity to go ask for those things.
And let me, uh, make this a little bit I think I'm covering the screen here slightly with my bubbles here.
>> There we go. All right. So, now we're going to go ahead and use a template.
So, I'm going to use one of their built-in templates. And so, this is going to be quite verbose here. Move this over a little bit farther like that. Okay, there we go. So, we can start with a blank app, barebones. It has a fabric authentication uh on the vit or vite app. So it's using react and vite uh as the the the the um the framework. You can build a data app.
So build data apps and analytics pieces connected with your data inside fabric.
You could build a to-do app which comes with a fabric authentication and a SQL server. So it actually spin up the fabric SQL database behind the scenes.
So again when I say Raven a lot of people think oh now I can build PowerBI reports with anything with like an app well it's not reporting this is full app building so this means API calls back and forth from fabric to your app so it's right back it's whatever custom experience you want it's not just building PowerBI visuals it's building any visual context you want D3.js JS or any other one as well. So that's all available to you as well. And then we could build a basic to-do app which is an end toend fabric authenticated to-do app with um CRUD applications directly to and from the server. So I'm going to start out pretty simple here because of a sake of time. I it takes it a while for it to build all these things. So I've done this a number of times. I'm going to start with just a blank app to begin with here. In the future we may do some more demos. Next week I plan on doing a lot more demos of this as well to show you all the different other app types. So let's do the we start with the basic one. It's now going to install some more mpm packages and go through some other elements here. So this is going to start setting up the file area.
And you'll notice now on the left hand side in my menu, we're going to start getting a lot more files attached here.
Oh, nice. Okay.
>> So it's going to build a lot of this out for me. Um it's going to build Yeah.
Here it's now grabbing my node modules.
It's installing my mpm. Inside the source folder, you'll have a full project. So, it starts with uh there's even a little test folders they have uh designed for you. Have your assets, anything SVGs or elements there. They have any additional components.
Okay, fine. Keep going. Um it'll actually build out components. So, if you describe to the agent, hey, I want you to build components around a visual or certain elements, it has awareness of, hey, I'm going to build additional components. It has uh pages. These are the different pages of the application that you can have here. Right now, this is the homepage. And there we are. We are done. So, with that, it has created the project successfully. It's now asking me to change my directory cuz I'm in currently I'm in the root directory of demo right now. You'll see over here I'm in this root directory. In order for me to run the app, I actually need to be in the folder context of the Agentic Thinking app that I just created. So, let's change directory. TD Agentic Thinking.
There we go. We are now in the Agentic Thinking app area. And now we go mpm rundev.
So now it will use VIT in order to host that app. And it will update as you run or make changes to the application.
Because you're using VIT, it will update these and serve the page back to you dynamically. So it will automatically change and update the page for you as you go here.
>> Hot reload.
>> Hot reloading everything. Yes. Correct.
Thank you for the right term there.
Okay, there we go. Me pull this back open big again. Move this over just a little bit more. There we go. Okay, so now we have the app is running. Um, we have uh deployment detected. Okay, it's targeting this fabric API. Yep, there we go. It should Here's the workload endpoint. So now it has identified this from the website. This is from the um PowerBI or the fabric environment. And it should give me, there we go, a local host URL. So, if I run this local host, it's going to ask me to sign in here directly with this uh screen here. So, I do want to change this slightly cuz this is nice. This works, but I want to actually show you right now that we can actually vibe code something with an agent even on this homepage that we have here as well. So, now uh I'm going to actually transition away from using the command line. I'm going to go over to my VS Code. I'm actually going to comm close out this here and let's just let's go talk to Copilot now and ask Copilot to update some things inside this app.
So, what I'm going to do is I'm going to say move the sign in.
You know what? Let's see if I can do this. I I've been wanting to try this with my microphone on my computer. So, I actually have the installed microphone here. I'm going to attempt to talk to it. Okay, let's see what we can do this here with talking to it.
Click this here.
move the move the I move the signin with Microsoft button to the top menu bar.
And also I want to add a couple sample visuals with dummy data on the homepage.
And the sample visuals should contain a Vegaite bar chart, a Vegaite KPI card, and a Vegaite scatter plot. Make up sample data for those visuals.
and we'll see. Okay. U move move the Okay. So, I I stuttered there a little bit at the beginning. Move the sign in with Microsoft button to the top menu bar. Yep. Okay. Oh, I should also add here as well.
make all of these items components and use the components components on the page. I like calling this out.
This is one thing I found that was very useful for me is if I think about making components and things, it's actually a lot better when it runs on the page.
Okay, let me hit send >> and we're going to let co-pilot chew on this for a bit now. And it is on auto mode. Oh, we don't know which model it is.
>> We don't know which model it's going to pick here for this one. So, we'll let it read. So, uh it's going to go inspect.
It's going to go read what's inside the project. Now, there is some skills now.
So, while this thing is thinking here and and exploring, let's go explore some more of the files that we have here as well. Notice also we get an agents folder. Inside the agents folder, we also get a skill.md file. So, here is a skill. Again, quite verbose as well.
There's no other items here, but it does talk about the Rayfin docs. It it points out there are MCP tools that are helpful as well. Um the CLI fallback as well is showing here as well. Um and a couple other information pieces directly for there. All right. So a note >> because that agents skills folder is in a subfolder of your workspace, it may not get picked up automatically. Um right because uh by default VS code chat is configured to only look uh in dot agents uh in right at the root of your workspace. Um >> so just just something that that that may happen here.
>> So it's interesting that you make this note because I found the same thing to be true also Matias. It wasn't always finding things it needed. Now, it it's funny to me when you do this because >> when you use the templates, the templates don't use my demo folder and put everything in the demo folder. It actually makes a subfolder immediately and then puts the skill in there which actually obscures away >> that skill from the agent when I'm talking to it. So, another another technique here would be is once you're in the right folder context here, users.micloestop.demo, demo then uh change directory into agentic thinking the subfolder and then run copilot as a CLI directly and then work with co-pilot there. So that might be another area that would have been a bit more consistent because then the rayfin skill would be exposed to the agent I think a bit better there.
>> A great call out on that one as well.
All right, it's thinking.
>> So basically once what I would recommend once the um app folder has been scaffolded only then open it in VS Code actually um to and basically open the the scaffolded folder as your workspace folder.
>> So we can see here I'm going to go back over here to copilot. So it's it's been reviewing some files. It found the off and home implementations. Uh it has found Vega light is not in the project and therefore it goes to find mpm install react Vega and Vega light. So it's adding those items in there.
Dependencies are now installed. Created some components. Um also >> is your V server still running? Cuz um if it is you should be able to see changes in in real time at least on that landing. Yeah, there we go. Look at that. So that's pretty cool, right? Hot reload is really kicking in here.
>> Yeah. So that the the the menu button has moved to the menu at the top and now it's trying to build more elements on the page.
>> Um, and the other thing here too that I think is really interesting is if you tell the agent to use components, it starts thinking about building the components first and then adding them to the page. And I think the hot reload looks better when you do that because it's not trying to build the component in the line with the page automatically.
It's building separately and then loading them in directly.
>> All right. All right. So, >> only only the final version of the component will actually appear on the screen.
>> Yes. Now, it looks like it made everything it felt like it needed. Uh, it changed some things. It added some items. The off page now uses a couple menu items. The homepage. Okay. Uh, we have new component visuals. Uh, Vega light, bar chart, KPI, scatter plot, and some sample visuals. Okay. So, I'm going to actually, it didn't actually add them to this homepage here. add the sample visuals into the um what are they calling this page here? Let me just make sure I get the language here. Um let me go into source. Let me go into pages.
Okay. Yeah. Okay. Add the sample visuals onto the body of the homepage beneath uh beeneath the uh header bar.
Let's see what it does. Okay. So, what I'm trying to get it to do now is it's made a bunch of changes. We have some things. I want some visuals to show in the page here. So, I wanted to kind of reuse those components and drop them here on the page as well.
All right. It's still thinking editing the homepage. And we should see hopefully here. Oh, yep. It's doing some things. Thinking a little bit more.
We should hopefully see our visuals appear on this page.
I'll quickly verify the homepage layout then place the visuals. Okay, fine. Home but I'm adjusting the layout so they're immediately rendered under their homepage. I don't see them.
Not seeing the visuals on the homepage.
>> It it may not consider that um login screen as the homepage.
>> Yeah. um place them on the login page.
It might try to make me sign in first.
>> Um so it's might it might be asking me to hey I want you to sign in and then after the sign in there's a technical homepage there as well. So I think I might need to change my language here slightly and say there we go. Okay, >> it was the the words of the login page.
So now it's actually building some items.
Let's make sure it's going to be able to add some sample dummy data to them as well. So, it's it's thinking it's trying to add them on the login page now.
And let's make sure they have some dummy data in them as well. Add dummy data to the visuals on the off page.
All right, let's see if we can add some data to them and hopefully this will all work.
Going to require some explicit data.
Okay, great. Z. Okay, analyzing our visuals, adding some page specific dummy data sets. Perfect.
All right, and I think we're about ready to be done here. So, this will be enough to kind of like get us started. What I'm going to do next is I want to get this dummy data and this login page kind of published and up to the service. And I'm going to show that this is actually going to be able to be rendered inside fabric.com.
This is exciting. I'm so excited about this cuz this I'm building Vega light visuals here on the homepage here. This is really really slick because this means we can now move away from the PowerBI desktop framework of building visuals. Anything you can dream up now becomes part of your imagination. If you've seen it on the internet, odds are you can now go build it here. All right, it's getting some patching.
Good.
Whilst you do that, let me call out the awesome-rafin GitHub repo which is also live now. Um, so github.com/microsoft awesome-rain which is a officially curated gallery of rafin templates uh including uh the ones um the one you're actually playing with right now. Um, so it's all open source and uh uh I'm sure uh loads more will will be added here over time.
>> I don't see it landing my visuals here on this page. So, let's just go into the app. So, I want to do is it's not for some reason it's not getting me the actual dummy data on these visuals here.
Um, I have other demo items that I'll show you as well that did do this, but for now I have an app with a sign-in page. Let's bring back up our uh console here down below. Let's actually go publish this now. So, let me go back up here to um let's see which one of these are running. Um I'll try this one. So, we have the app running now. So, now I'm going to go mpx rayfin up. So, this should allow me to go and uh create this app. Let me make sure I'm in the right directory here. Nope, I am not. Let me just make sure I'm in the correct directory. cd agentic thinking. Good thing I thought of that first. Okay. So now I'm in the agentic thinking uh correct a library mpx raen up. Okay. Now this should take all the context we did when we started the project. It should identify me as the user. It should build the context here. Um also I will note here as well when we're building these apps. Notice what it's building here in the distribution folder. I found this to be quite interesting. I think oh is it publishing all this code and all these uh JavaScript and TypeScript files. When I look in the distribution folder, you'll notice the assets are very simple that it's publishing.
The assets it publishes is only an HTML file, a CSS file, and a JavaScript file.
That's it for the distribution. So everything you're looking at is compiling down to just pure HTML. And from there, it's getting pushed into the service. So Rayen up has been landed. It says we have uh successfully deployed to fabric. The next steps is to go back to the Fabric portal and go look at the app in the service. All right, with that being said, let me move this out of the way. Let me bring it back up here the website and I'm going to refresh my page here. And hopefully this time we should now see our app has been deployed. And there we go. We have a signin signup page with a lot of homepage dashboard information, but there's nothing on my page.
>> Uh, and my sample dummy data does not exist on the page. I could not get it to render that stuff. But um so now I have a fully working app. Uh a couple other observations around this app. It is fully resizable. There is no canvas size. So when you build an app like you would on a website, it's fully responsive. And the wider you make your screen, the wider the app can become, which I think is extremely helpful. If you want to get other data about the information on the app, you can go into the back end of the app and there will actually be a full URL. So this is able brow brought brought um and then I can now open this directly and now this is now hosted as a proper website URL. Um you can sign in with your Microsoft account. It will push you back through the signin au authentication. So it will then make me go through an authentication step which will make sure that it it confirms that I do have access. And there we go. I'm now inside the app and then I can see my dashboard and data here directly inside the application. Again, all built on just a normal web URL with a sign in and sign out experience. So, I sign out. It should go back to the main homepage.
So, this wasn't a really great demo just because the agent couldn't figure out what I was doing. I was probably using a dumb agent or maybe the model wasn't so hot there. So, maybe we'll fix that in a future episode. But, I do want to show you other things that I have built. Um, I have built a couple other apps. Um, I have one built for an item called Content Nudge. This is an application that I've built. Here's another app that I've built. It has visuals on the page.
Again, this is all mocked up or dummy data. I had navigation across the top of the page where I was changing out different visuals. So, dashboard analytics. I had a mapping feature. And this map is you'll notice neither. It is not a Bing map. This is an open street map um mapping element. And it runs just like open and it's honestly it's stinking fast. So, this was pretty cool on how quick it runs and renders here.
So you can use open maps uh inside your visualizations now which is pretty cool.
And one thing I really like to do when I build these items is called I usually use this thing called a style guide. I like building out a representation of all the elements on the page. Now you may hide this later on but I like seeing all the colors and items at in a glance in one single spot. So that was one that I built. And then also I want to highlight another individual that was made this incredible um application. Um I I think the application is called Vera and this is a slide deck application that was viodated with cloud code and now I lifted the entire project off of GitHub and brought the entire project inside a rayfin app.
So this is a fully functional uh documentation element and this was actually a slide deck that I built to document what Rayfund actually is and how it works. So, it actually has all the transitions and the slide presentations. And you can you can tab your way through. I'm using my arrow keys to tab my way through. Uh, I can expand and come back out of the application. I could go back in if I don't like what it was typing. You can even type directly in the slide and um you can even delete things and change them directly inside here as well. And then represent and will then locally store that and let you see that slide deck as well, which is pretty amazing.
Um, this Vera app is designed to be u made with an a with an agent. Um, I haven't wired it up correctly yet, but you actually have a virtual agent that you could give it a cloud license, a co-pilot API key, and it would actually let you talk to it and ask for changes on the app directly. Anyways, thought this was an amazing uh slide presentation element. Really cool to be presented as an actual app. And there you go. So, those are some other apps you can build. Everyone's going to be able to build cool things. I've already seen someone building a video game around IBCS standards that we're going to go try. So, there's going to be a lot of really rich things. Um, the last thing I want to point out here is on the awesome Rayfin project. I'm just going find that real quick here on GitHub. So, let's go f So, I'm going search for awesome Rayfin on GitHub. It's the first link that you'll find in the list here.
Communitydriven templates. When I click on this templates here, you'll notice here there is a folder named templates.
And if you click on that folder specifically and now there are multiple template folders in here. And when you click on one of these items, this is the Rayfin project. But you'll notice here there's a special incorporated file here around YAML. So there's a Rayfen temp YAML item that you would want to use. and using this item specifically. It'll give you details around how to leverage templates. So um Rayfin is already being started to be um created in a way that will let you reuse these items as well. So I do want to call this out. Uh awesome. Rayin is an amazing project. There are multiple templates already here and you can get more information here. Down is what is Rayfin? How to use the gallery. Um you notice here they already have the command lines already picked out for you. You can say create this rafin use this template and then uh you can use other short-handed items as well from a local clone. Okay, so this is really important. Anyways, I'm super excited about Rafeen. You're going to hear us talking a lot about this in the upcoming weeks as Matias and I dig in, try to build things, create stuff, learn what works and what doesn't work, get my stinking skill to work because it was in a subfolder, so probably wasn't working correctly. That's why I got weirded results. Uh, but all that being said, um, I wanted to just introduce everyone to what I presented at Build, which was Ray. All right. Sh, a lot of things there. What do you think, Matias?
>> Yeah, fantastic. Um, looking at the Microsoft Rafin repo, quite interesting how it's been positioned there. They called it a backend as a service platform.
>> Yeah.
>> And that's exactly what it is, right?
Because um, >> uh, all you're doing is a front end here, right? The Vita application. um you don't have to worry about anything in terms of authentication and whatnot that happens in the back end. Obviously that um exists but fabric provides it to you. Um >> one other thing I just would want would call out here um as another area of thing we're going to explore. Matias, have you used Replet before?
>> It rings a bell. Uh but >> have you heard of Have you heard of lovable?
>> Yes. Yeah. Yeah.
>> Okay. All right. So, a competitor to lovable, which would be would be Replet, which is basically the same thing, right?
>> Um, but Replet >> made an announcement while in the build speaker or in the build main session.
They talked about Rayfan and how Rayfan is partnering with Replet.
>> And so, while at the conference, I just wanted to kind of call this out. Um, and also kudos to Replet for jumping in and helping out here. I went to go talk to the booth at the Replet team and they were telling me that there are very close to getting a real integration between Replet and Rayfin all working where you go to replet say I want to build an app and my backend is fabric.
So to your point Matias, this is a fabric backend project to host the data, the SQL database, the lakehouse, the storage, like all the data elements, the real-time analytics, anything we want to build data wise will now be supported with the ability of using Rayfin and going directly to Replet to build any experiences we want. Replet's got a great story and I absolutely love using the app. It's it's worth its time. So I'm really excited. Again, I did a lot of stuff in here in VS Code, but I'm really wanted to see the experience of how well does this work. The replet guys were showing me you go into the replet chat, you say connect to this workspace, make a rayfin app, and connect to this semantic model. And it just knew how to like wire everything together. They've got some skills. They've got some scripts there that are making it easy for you to onboard directly with Replet.
I'm very excited about this, especially since like not even a month ago, data bricks announced a partnership with lovable. Great. Now we have a competitive advantage here. We've have our own Replet and PowerBI kind of being partnered up here together. So, I'm very excited about this one as you can likely tell.
>> Uh this is going to be very exciting for us to kind of keep diving into and stay tuned. Much much more to come on Rayen and the Rafin projects.
>> Absolutely fantastic. Um, and uh, yeah, can't I'm I'm super excited now. Can't wait to get my hands on it as well.
>> Well, I've just wasted your evening now.
I hopefully you don't have to go anywhere for dinner too soon cuz not you're going to want to go play and see and run and go build things on your own.
So, um, stay tuned. Um, if you like this kind of content, if you like what we're doing here, if you like the real time demos that we're doing, this is a little bit longer of an episode. On Tuesdays, we typically do just kind of talking and narrating about the topics that are coming out. On Fridays, we try and do a lot more screen sharing. Also, I'm going to make a commitment to the community here. I'm going to try my best to go through and build something with Ray Finn every single day next week. Uh around my lunchtime, I'm going to try and spend at least 30 minutes going in creating, building, using some templates. I really want to dive into this Rayfin experience. I I'm like 95% confident this announcement around Ray Finn is the biggest announcement we've had since the invention of PowerBI desktop. I'm going I'm going to be that bold and say I think this is so revolutionary in giving the power of building applications, reports, apps, read writeback data to any user in the business.
This is incredibly useful. So I I think this is going to really take off like wildfire. This transition from just doing PowerBI reports to adding this into my repertoire of other elements you want to be. This is going to happen fast. This is going to be very quick.
>> Anyways, >> so are you saying internal analytics teams now need to hire web developers basically um to or who's the who do you see as the target? Who do you think is going to pick this up or internal IT teams?
>> Okay, so this is a really good question.
I think I don't know yet. I'm going to say I'm a I'm going to reserve my reservation on that one. I think with a little bit of refining of how you talk to the agent. I think Replet is a really good use case here to get going quickly with nontechnical developers. Um, so if you're using VS Code and doing what I did, right, you're you're talking developers now. But if I'm talking Replet or lovable or these other apps that I'm I'm talking with an agent and it's building code and making files and doing basically the entire project structure for me inside that application. I really think this is now much more accessible to any user who understands a problem can handle some of the technical jargon around fabric app database lakehouse notebooks. Like if you know how the things fit together, if you can be a bit more of an architect, I think you can really quickly get some stuff built that's actually very impactful and now you're only going to be limited by how creative your mind can be. And you're not you're not going to focus as hard on the actual code. Again, I've already seen video games showing up in building these app things. This is incredible what people are building. Um, I'm going to have to go out and build a Pac-Man version here now because I got I have to compete like you know Pac-Man and all the little icons are uh you know little visual charts and stuff like that, right? Uh and you know maybe the uh maybe the little bad guys or data bricks elements that are kind of coming around after me all the time. So um we'll have fun with it, right? It'll be something that we can have fun with. So I I think for now it's quite technical but I think as Microsoft continues developing the idea I believe this is going to get less technical as we go and as we learn better skills and we learn how to use it better. It will become more accessible to the broader community. So I'm not going to say go out and hire a dev right now. You probably want to go borrow a dev for a little bit and explore with this and figure out how it works and does this fit your organization. Do you have the tolerance for putting out apps like this? I do think this is going to be a huge point of topic around governance.
How do we govern them? Who can build them? Does every single app need to have a sign-in or not? So, I think there's a huge governance conversation that leaders need to have around this and and determine what how to turn these on. And that's why I want to point out always always don't just turn the feature on.
Go make a security group and go pull that in directly.
>> Awesome. Any other final thoughts, Matias, before we wrap? Ah, too many. I think I'm sure we'll come back to that one. Uh, so I'll park that until we have another racing session, which I'm pretty sure will happen fairly soon.
>> I'm I'm hoping we do one like I'm I'm down for doing another one on Tuesday.
Matias, I would love for you to like talk about your experience over the weekend. By the time we get to Tuesday, what have you built? What is it what does it feel like for you? How does this work for you? So, um, stay tuned.
There's going to be many more episodes around Rayen. Next week, we'll be very vocal about this one. We're going to do a lot more episodes, short little shorts, uh, short videos around building, creating, and developing content directly with Rafe. Matias, as always, thank you so much for jumping in here. This is Agentic Thinking. We really appreciate you, the audience, of going along this journey with us and unpacking how does this new agent world fit with us inside Microsoft Fabric.
>> Thanks for the demo. Really great.
>> Bye >> bye.
Azy thinking.
Azy thinking.
Related Videos
resume fixed instantly 😭 Comment “app”andI’ll sendyou the link #parakeetaipartnership #resumetips
Ritcareer
686 views•2026-05-31
3D Basics in C
HirschDaniel
2K views•2026-06-05
Re: 🗣️📍theprophedu📍2026 GST 103 CLASS (E-EXAM REVISION)
theprophedu
636 views•2026-06-04
Search Algorithms Explained in 60 Seconds! 🤖💨
samarthtuliofficial
218 views•2026-06-01
Making Minecraft Clone with C++ & Raylib
PecaCSLive
686 views•2026-06-04
Instagram accounts got PWNed
EricParker
13K views•2026-06-03
So What's Odin Lang Even Good For
TechOverTea
131 views•2026-06-01
🚀 BCS613C Compiler Design | Module 1 to 5 Schema Evaluation 🔥 | VTU 6th Sem 💯 #VTU #bcs613c #exam
Pranavaa-y4y
104 views•2026-06-02











