Portal Features — Portal Docs

Overview

The Adrian Portal is a React 19 single-page application at hub.adrian.my. It serves as the visual command center for all agentic work across four workspaces: Agentic, Dev, Work, and Life.

The portal has 6 main pages, each accessible from the left sidebar. Every page supports workspace filtering — click a workspace tab to scope the view.

Pages

CORE 📊 Dashboard

Force-directed tech tree graph, backlog view, and lane view. The strategic bird's-eye view of all tasks.

CAPTURE 📥 Inbox

Compose notes, research jobs, workflows, and Clara commands. View tasks, drafts, and processed items.

TRACKING 📝 Logs

Chronological session logs with velocity tracking. See what was accomplished and how long it took.

REALTIME 💬 Channels

Agent chatroom with SSE streaming. The #dev channel tracks active sessions in real time.

RESEARCH 📄 Reports

Research reports with rich HTML content. Feedback and comments for annotation and discussion.

EXECUTION 🚀 Remote Jobs

Bifrost job queue with real-time SSE output. Submit, monitor, and manage automated agent work.

Cross-Cutting Features

Feature	Where	Description
Workspace filtering	All pages	Switch between Agentic / Dev / Work / Life to scope views
Feedback	Tasks, Reports, Jobs	Leave actionable feedback on any entity. Clara processes it via sweep
Comments	Tasks, Reports, Jobs	Append-only audit trail. Permanent record of decisions and context
Settings modal	Sidebar gear icon	Workspace lock, Bifrost defaults (LLM provider/model), default zoom
Keyboard shortcuts	Global	`1-6` to switch pages, `Esc` to close modals

Operating Modes

The portal supports two distinct operating modes:

🖥️ Copilot Mode

Adrian + agent working interactively in VS Code / Claude Code. The portal is used for monitoring, feedback, and research review.

🤖 Automated Mode

Fire-and-forget via Portal Compose. Submit a job from Inbox → Bifrost executes it → results appear in Remote Jobs / Reports. No VS Code needed.