feat: agent runs dashboard with tRPC API and React frontend#288
Merged
zbigniewsobiecki merged 2 commits intodevfrom Feb 16, 2026
Merged
feat: agent runs dashboard with tRPC API and React frontend#288zbigniewsobiecki merged 2 commits intodevfrom
zbigniewsobiecki merged 2 commits intodevfrom
Conversation
Full-stack dashboard for exploring agent runs, logs, LLM calls, and debug analyses. Includes session-based auth, org-scoped data access, and production static file serving. Backend: - tRPC v11 API with auth middleware (session cookies, bcrypt) - Runs/projects/auth routers with filtering, pagination, org-scoping - Users + sessions DB migration and Drizzle schema - Login/logout Hono routes, session resolution - listRuns, getLlmCallByNumber, listLlmCallsMeta, listProjectsForOrg - Static file serving with SPA fallback for production Frontend (web/): - React 19 + Vite + Tailwind CSS v4 + shadcn/ui theme - TanStack Router with login, runs list, and run detail pages - tRPC client with end-to-end type safety via AppRouter import - Runs table with filters (project, status, agent type, date range) - Run detail tabs: overview, logs, LLM calls, debug analysis - Auto-refresh for in-progress runs Also includes: - Tee llmist agent logs to main logger with proper log levels - 75 new unit tests (1000 total) covering all new code - CLAUDE.md documentation updates Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
The web utils test imports from web/src/lib/utils.ts which depends on clsx and tailwind-merge (installed only in web/node_modules). CI only runs npm install at root level, so these modules are unavailable. Mock them since we only test the format functions, not cn(). Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Backend
API (
src/api/)protectedProcedurerejects unauthenticated requests)auth.mequery,POST /api/auth/login,POST /api/auth/logoutlist(filtered/paginated/org-scoped),getById,getLogs,listLlmCalls,getLlmCall,getDebugAnalysislist(org-scoped, for filter dropdowns)getCookie(c, 'cascade_session')and resolves userDatabase
0006_users_and_sessions.sql:usersandsessionstables with indexesusersRepository.ts)runsRepository.ts:listRuns(),getLlmCallByNumber(),listLlmCallsMeta(),listProjectsForOrg()Server (
src/server.ts)@hono/trpc-serverat/trpc/*/api/auth/*dist/web/with SPA fallback in productionFrontend (
web/)@tailwindcss/vite), TanStack Router, tRPC client/api/auth/login/): Sortable table with filters (project, status, agent type, date range), pagination, auto-refresh for running sessions/runs/:runId): Tabbed view — overview, logs (cascade/llmist toggle with search), LLM calls (expandable rows with lazy-loaded content), debug analysisOther changes
src/backends/adapter.ts: Tee llmist agent logWriter output to the main application logger with correct log levels (ERROR/WARN/DEBUG/INFO)CLAUDE.md: Updated with dashboard documentation, dev workflow, and user management instructionsTest plan
🤖 Generated with Claude Code