arcanea-command-center

name	arcanea-command-center
version	1.0.0
description	Visual web dashboard for managing AI agent pipelines. Inbox with approval cards, live agent monitoring, social scheduling, and publish pipeline.
author	frankxai
homepage	https://arcanea.ai
repository	https://github.com/frankxai/arcanea-claw
license	MIT
tags	["dashboard","agent-management","pipeline-monitoring","social-scheduling","content-management","ui","web"]
dependencies	{"node":">=18","packages":["next","react","tailwindcss","@supabase/supabase-js"]}
env	{"required":["SUPABASE_URL","SUPABASE_ANON_KEY"],"optional":["NEXT_PUBLIC_SITE_URL"]}
ports	[3100]

Arcanea Command Center

A visual web dashboard for managing AI agent pipelines, reviewing generated content, scheduling social posts, and monitoring the entire media processing lifecycle. The human-in-the-loop control surface for autonomous creative agents.

Features

Inbox

The central review queue. Every piece of content that passes through the pipeline lands here as an approval card.

• Approval cards with full-resolution preview, TASTE score breakdown, classification metadata, and action buttons
• Batch actions: approve, reject, re-score, re-classify, or archive multiple items
• Smart sorting: by score (highest first), by date, by tier, by element, by guardian
• Filters: quality tier, content type, element, date range, status
• Keyboard shortcuts: a approve, r reject, s skip, arrow keys to navigate

Agent Monitor

Live visibility into running agents and pipeline status.

• Agent registry: all registered claw agents with health status, last heartbeat, uptime
• Pipeline timeline: visual timeline of the current pipeline run with per-skill duration and status
• Error log: recent errors with stack traces and affected assets
• Resource usage: CPU, memory, and API quota consumption per agent

Social Scheduler

Review, edit, and schedule social posts generated by the social-prep skill.

• Calendar view: week/month calendar with scheduled posts per platform
• Post editor: edit captions, swap variants, adjust hashtags before publishing
• Platform preview: see how the post will look on Instagram, LinkedIn, X, YouTube, TikTok
• Bulk scheduling: select multiple drafts and assign time slots
• Analytics: post-publish performance tracking (if platform APIs are connected)

Publish Pipeline

Final control before content goes live.

• CDN preview: see exactly how hero images will render on the production site
• Gallery manager: organize images into collections, set display order
• Metadata editor: edit titles, descriptions, tags, alt text before publication
• One-click publish: push approved content to production storage and update the database

Settings

• Agent configuration: edit scan paths, thresholds, model selection
• API key management: rotate keys for Gemini, Supabase, Vercel, social platforms
• Notification preferences: configure webhook URLs, email alerts, Slack integration
• User management: invite team members, assign review roles

Installation

Via ClawHub

claw install arcanea-command-center
claw run arcanea-command-center
# Open http://localhost:3100

Via OpenClaw CLI

openclaw skill add arcanea-command-center
openclaw skill start arcanea-command-center

Standalone

git clone https://github.com/frankxai/arcanea-claw.git
cd arcanea-claw/command-center
npm install
cp .env.example .env.local
# Fill in your Supabase credentials
npm run dev
# Open http://localhost:3100

Docker

docker compose up command-center -d
# Open http://localhost:3100

Configuration

Environment Variables

# Required
SUPABASE_URL=https://your-project.supabase.co
SUPABASE_ANON_KEY=your-anon-key

# Optional
NEXT_PUBLIC_SITE_URL=http://localhost:3100
COMMAND_CENTER_PORT=3100

Dashboard Layout

The default layout shows four panels (Inbox, Agent Monitor, Social Scheduler, Publish Pipeline). Customize via config:

command_center:
  port: 3100
  default_view: "inbox"
  panels:
    - inbox
    - agent_monitor
    - social_scheduler
    - publish_pipeline
  inbox:
    default_sort: "score_desc"
    page_size: 24
    show_score_breakdown: true
  social:
    default_calendar_view: "week"
    auto_schedule: false

Tech Stack

• Framework: Next.js (App Router)
• UI: React + Tailwind CSS
• Database: Supabase (Postgres + Realtime subscriptions)
• State: React hooks + Supabase Realtime for live updates
• Auth: Supabase Auth (optional -- can run unauthenticated locally)

The dashboard uses Supabase Realtime subscriptions to show live updates as agents process new media. When a new image is scored, the inbox card appears without a page refresh. When an agent heartbeats, its status dot updates in real time.

API Endpoints

The Command Center exposes a lightweight API for programmatic access:

Method	Endpoint	Description
GET	/api/inbox	List pending approval items
POST	/api/inbox/:id/approve	Approve an item
POST	/api/inbox/:id/reject	Reject an item
GET	/api/agents	List registered agents with status
GET	/api/agents/:id/health	Agent health details
GET	/api/social/queue	List scheduled social posts
POST	/api/social/schedule	Schedule a post
POST	/api/publish	Publish approved items to production

Keyboard Shortcuts

Key	Action
a	Approve current item
r	Reject current item
s	Skip to next item
Left/Right	Navigate between items
1-5	Jump to quality tier filter
Cmd+K	Command palette
Cmd+S	Save current edits

Screenshots

The Command Center follows the Arcanean Design System: dark theme with cosmic accents, glass morphism panels, and aurora gradient highlights.

Works With

• arcanea-media-pipeline -- the pipeline feeds the inbox
• arcanea-taste-scorer -- scores are displayed on inbox cards
• arcanea-social-prep -- generated posts appear in the scheduler
• Any OpenClaw agent that writes to asset_metadata or social_queue tables

License

MIT -- use it, fork it, build on it.