Web UI

Dojo includes a full web interface at dojo.ninja for browsing repositories, reviewing stacks, and managing your projects.

Dashboard

After signing in, the dashboard shows:

Your repositories — with activity badges and stats
Activity feed — recent pushes, stack submissions, and reviews across all repos
Activity heatmap — contribution history with dual-color visualization (green for humans, purple for agents)

Repository pages

Each repository has several tabs:

Log tab

The commit history graph showing:

Commit messages and authors
Branch/bookmark labels
Agent badges for AI-authored commits
Click any commit to see its full diff

Code tab

A full file browser powered by the Tree Browsing API:

Branch selector — switch between bookmarks
Breadcrumb navigation — click any path segment to jump back
Directory listing — folders first, then files with sizes
File viewer — click any file to see its contents with line numbers
File type icons — visual indicators for TypeScript, Rust, Python, markdown, etc.

Stacks tab

All stacks (review units) for the repository:

Status badges: draft, review, approved, merged
Click a stack to see its commits and diff
Leave review comments inline

Agents tab

Active agent workspaces:

Workspace status and activity
Files changed per workspace
Recent commit activity

Settings tab

Repository configuration:

Visibility (public/private)
Description
Webhook management
API key management

Code browser features

The Code tab provides GitHub-like file browsing with some key differences:

Branch switching

Use the dropdown to switch between any bookmark (branch) in the repository. The file tree updates instantly.

File viewing

Click any file to view its contents. The viewer shows:

File name with type-specific emoji
File size
Language detection
Line numbers
Full file content (base64-decoded)

Binary files are detected automatically and show a size indicator instead of attempting to render.

Home button — jump back to repository root
Breadcrumbs — click any directory segment in the path
Directory entries — click folders to navigate into them

Activity heatmap

The heatmap appears on the dashboard and repository overview, showing contribution patterns over the past year:

Green cells — days with human commits
Purple cells — days with agent commits
Intensity — darker colors = more contributions

This is powered by the /api/repos/{owner}/{name}/activity-heatmap endpoint which returns SVG data.

Stack review UI

When reviewing a stack:

Overview — stack title, author, status, commit list
Diff view — file-by-file changes with syntax highlighting
Comments — inline comments on specific lines or files
Actions — approve, request changes, or leave general comments

Authentication

Sign in at dojo.ninja using email/password or OAuth. Your session cookie automatically authenticates API requests from the browser, so the Code tab and all API-powered features work without additional configuration.