All Projects
MOLE WORLD DASHBOARD

Mole World Dashboard

216 Claude sessions orchestrated into a film production studio — 3D globe, real-time analytics, and AI pipeline management.

Mole World Dashboard object

Architecture

Mole World Dashboard architecture diagram

216 Claude sessions made a film production studio.

The Problem

Producing an animated film with AI means coordinating hundreds of Claude sessions — characters, scenes, dialogue, music, art direction. Without a dashboard, you're flying blind through a creative tornado. Sessions overlap, context gets lost, and no one knows which pipeline stage each asset is in.

The Approach

Built a full production dashboard: a 3D globe visualizing session activity worldwide, real-time analytics on token usage and costs, a 12-stage film pipeline tracker, and Supabase-backed auth with role-based access. Every session is tracked, every asset is categorized, and the entire production state is visible at a glance.

Key Insight

The magic wasn't the 3D globe or the analytics — it was making the invisible visible. When you can see 216 sessions mapped across a timeline, patterns emerge: which creative decisions clustered together, where bottlenecks formed, and how the story evolved through iteration. The dashboard became the production's memory.

216
Claude Sessions
3D
Globe Visualization
Real-time
Live Updates
12
Pipeline Stages

How it works

The architecture behind the system.

3D Globe Visualization

Three.js-powered globe showing session activity with real-time data points, orbital controls, and animated connections between related sessions.

Session Analytics

Token usage, cost tracking, session duration heatmaps, and trend analysis across all 216 Claude sessions with filterable views.

Film Pipeline Tracker

12-stage pipeline from concept to final render. Each asset tracked through storyboard, dialogue, animation, music, and post-production stages.

Auth & Role-Based Access

Supabase auth with admin, editor, and viewer roles. Row-level security ensures each team member sees only what they need.

Real-Time Updates

Supabase Realtime subscriptions push session updates, pipeline changes, and analytics refreshes to all connected clients instantly.

Asset Tracker

Every character, scene, and audio asset cataloged with metadata, version history, and pipeline stage. Nothing gets lost in production.

Built with

Next.js 15Three.jsReact Three FiberSupabaseTypeScriptTailwind CSSZustandSupabase Realtime
Mole World Dashboard

See the code

Full source code available. See exactly how it's built.

View on GitHub