The Problem You install OpenClaw, configure it, and let it run in the background. But how do you actually know it's working? There's no built-in status page. No heartbeat alerts. No way to see if it's processing tasks or just sitting idle. I built a simple, self-hostable monitoring dashboard for OpenClaw agents: 🔗 OpenClaw Monitor on GitHub Tech Stack: Frontend: Vue 3 (Composition API) + Elemen
The previous two posts covered how events flow from the SDK to the UI. This post focuses on visualizing one specific type of event: tool calls. Tool invocations are the most frequent operations in an Agent application. A typical task might call tools twenty or thirty times—reading files, writing files, executing commands, searching code. If every tool call renders as the same gray block, it's hard
Post 1 covered how AgentBridge converts the SDK's AsyncStream<SDKMessage> into [AgentEvent]. This post looks at what [AgentEvent] becomes — how TimelineView renders 18 event types, handles scroll behavior, and stays smooth when the event count gets large. TimelineView is the main body of the workspace, filling all the space between the sidebar and the input box. Its view hierarchy is shallow: Time
Why Another Wheel? There are already some Vite packing plugins out there — vite-plugin-zip-pack, vite-plugin-compress, etc. They work, but they always feel like they're missing something. Most of them only support ZIP and offer fairly limited functionality. In real-world projects, the build packaging step is rarely that simple: Multiple compression formats 🗜️ — ZIP for sharing with colleagues,