Transcription: OpenAgents Episode 188 - The Dashboard

Source: https://x.com/OpenAgentsInc/status/1951344146599256504 Wiki source: https://raw.githubusercontent.com/wiki/OpenAgentsInc/openagents/Video-Series.md Media title: OpenAgents - @TauriApps @convex Episode 188: The Dashboard We finally replace our... Upload date: 20250801 Transcription model: gpt-4o-transcribe-diarize Generated at: 2026-06-01T03:44:58Z

Machine-generated transcript. Review speaker labels and wording before using this as quote-grade source material.

[00:00] Christopher David: If you're a power user of ClaudeCode like me, you may have seen this horrible scrolling uh in the TUI, terminal UI. And you know I don't know why everyone's building TUIs. Claude code was one, and then everyone's copying off of them like, can we just get a regular interface please? Okay, so I have finally broken my dependence on that horrible situation, replacing it with the gorgeous new open agents dashboard.

[00:26] Christopher David: This is a web application.

[00:28] Christopher David: We're going to go back to the desktop mobile thing.

[00:31] Christopher David: It's going to be desktop web and mobile.

[00:32] Christopher David: But for speed of iteration, it was definitely faster to pull everything into this glorious web application,

[00:39] Christopher David: which I'm using for business stuff separately.

[00:41] Christopher David: And I'm just like, let's just throw it all into here.

[00:43] Christopher David: Okay.

[00:43] Christopher David: So what I have here is my whole Cloud Code workflow in a...

[00:51] Christopher David: Web app. Okay, so let me just kind of step through and show you my actual workflow. And just let's let's do a PR together.

[00:58] Christopher David: So my full workflow is I'll go over here and if I notice something,

[01:03] Christopher David: oops,

[01:03] Christopher David: let's get that out of here.

[01:04] Christopher David: If I notice something horrible like over here,

[01:08] Christopher David: a session info,

[01:09] Christopher David: there's just like too much like stuff over here that allows you to be consolidated or put behind like eye things.

[01:15] Christopher David: So I'll go over here and I'll say using my aqua voice,

[01:18] Christopher David: I hope it works with my recording going.

[01:21] Christopher David: I'll say...

[01:24] Christopher David: consolidate a bunch of the app sidebar stuff it is is that working yeah consolidate a bunch of the app sidebar stuff we don't need all those panes or some should be combined and some of that information like configure debug should just be put into like little i bar dialogue stuff hidden there's just too much stuff there also i want them to be collapsible

[01:50] Christopher David: Using the collapsible Shad UI component, install that if you need to.

[01:55] Christopher David: Yeah.

[01:56] Christopher David: Okay, so I use aqua voice, which is like a little widget that lets you throw voice into whatever.

[02:02] Christopher David: I'm not even gonna edit this. I'm just gonna say, you know, consolidate session sidebar.

[02:10] Christopher David: Alright, so we've got issue 85. I'm gonna pop back over to here. I'm gonna do new session.

[02:15] Christopher David: I'm going to say uh do issue eighty five on a new work tree and uh push and open P_R_

[02:25] Christopher David: And then I'll just go get a soda or whatever.

[02:28] Christopher David: Or to be fancy,

[02:29] Christopher David: why don't I go pick out a second issue?

[02:32] Christopher David: Right now I've got it configured to do up to three sessions at a time.

[02:36] Christopher David: I just got to play around with like what the actual rate limits are.

[02:38] Christopher David: But it can theoretically handle multiple of those.

[02:40] Christopher David: Any other issues I want to do here?

[02:43] Christopher David: I'll do a hard one.

[02:44] Christopher David: This requires pulling in an external component.

[02:48] Christopher David: Let's try that same thing.

[02:50] Christopher David: Do issue 45.

[02:52] Christopher David: Oops.

[02:54] Christopher David: Do issue 45 on a new work tree and push and open PR.

[03:00] Christopher David: Okay so this has been my workflow. I'll just queue up like two or three of these and then I'll come back to some PRs. I've got a pre-push check running, a hook running to do like lints and stuff. Um but this is just calling my cloud code. Here I've got my little task progress bar.

[03:18] Christopher David: Can inspect tools

[03:20] Christopher David: Some of the stuff is just like nicer to have actual collapsible shad UI components rather than like the like weird control R in terminal UI that like always lags for three seconds while it swaps Tons of messages in and out.

[03:34] Christopher David: I've got a live dial here of the context usage

[03:38] Christopher David: I'm tracking the APM pretty soon.

[03:40] Christopher David: That'll be like a little live ticker of the APM and we're going to consolidate the session info here

[03:46] Christopher David: And let's just kind of follow along here.

[03:48] Christopher David: Check the active blah blah blah.

[03:51] Christopher David: It's a web application.

[03:54] Christopher David: I've got other products in here that I'm going to enable per user.

[03:58] Christopher David: So this is the coder product.

[04:00] Christopher David: I'm going to do just like a basic chat product.

[04:02] Christopher David: And then I've got like a dialer product that I'm going to activate some of this stuff per user if you're a customer of OpenAgents.

[04:12] Christopher David: So the main open source repo,

[04:15] Christopher David: we're going to come back to that.

[04:17] Christopher David: It was just getting a little complex. I had the great idea to like have effect layers all throughout,

[04:25] Christopher David: which is amazing. I love effect. We're going to come back to that.

[04:29] Christopher David: But I just needed to get something simple up and working first. I need to have open agents working.

[04:37] Christopher David: Fully orchestrating cloud codes before I get too complex with stuff.

[04:42] Christopher David: Now I'll replace the entire sidebar content.

[04:46] Christopher David: Alright, we'll get to a PR here and then we'll wrap up the video. That's pretty much all I have,

[04:52] Christopher David: but I want to show you a PR.

[04:55] Christopher David: Create the presence face pile component.

[04:59] Christopher David: Convex functions.

[05:01] Christopher David: Yeah,

[05:02] Christopher David: so this is just an XJS app.

[05:04] Christopher David: Convex is amazing and then I've got a script running locally just a bun script that will do the Cloud Code SDK integration and save all of the data into a Convex database which I can then represent here we've got kind of WebSocket

[05:23] Christopher David: base sync out of the box and then we're going to be able to do very interesting things with letting agents traverse that history you are collecting every person using cloud code is generating a crap ton of data in every conversation right now that data is just sitting on your computer i think it auto deletes it after 30 days because mine only goes back 30 days i've been using this for longer but like

[05:47] Christopher David: You should have an option of uploading that to a database,

[05:50] Christopher David: a convex URL of your choice, or you don't want to set that up, you know, that's what open agents as a service is going to provide,

[05:56] Christopher David: and then to be able to do some very interesting things with that data.

[06:01] Christopher David: More on that soon.

[06:02] Christopher David: Okay, so we have a dashboard.

[06:04] Christopher David: I'm not going to release this publicly for probably another week or two or more or less, I don't know.

[06:10] Christopher David: But let us know what you would like to see in a super duper dashboard.

[06:14] Christopher David: See you soon.