DataStudios — MissionControl
Data sources, API endpoints, and key components for every page — single SPA at missioncontrol.datastudios.ai
Nav · Overview
/ (portal home) · missioncontrol.datastudios.ai
Cross-app dashboard — the portal home. Pulls KPIs in parallel from MC API (clients, invoices, hours), LG API (open jobs, win rate), and CW API (articles generated, topics in queue). New screen, Phase 1 of the consolidation.
/ (portal root)
Unified cross-app dashboard. Top-level KPIs from all three apps, recent activity stream, and quick-links to each section. Entry point for the shared megamenu.
Nav · Agency
/agency/* · API: missioncontrol.datastudios.ai/api/ · Port 8900
Mission Control — client relationship management, developer time tracking, financial intelligence, and AI usage analytics for DataStudios operations.
Client accounts, time entries, and invoice management
/ (mc root)
Primary landing page for Mission Control. Aggregated KPIs across all clients — hours billed, revenue, AI token spend, and open alerts — with a weekly activity heatmap.
/clients
Master list of all active clients with billing configuration, contract status, and per-client revenue summaries. Edit billing rates and toggle active status inline.
/time-entries
Granular view of every Claude session logged as a time entry. Filter by developer, client, and date range. Export-ready for billing reconciliation.
/invoices
Invoice register for all clients. Filter by status (draft / sent / paid). Create, send, and mark invoices paid without leaving the page.
/invoices/:id · /invoices/new
Full invoice editor. Build line items from time entries, preview the invoice, set payment terms, and send directly. Also used for creating new invoices.
Developer productivity, utilization, and anomaly detection
/developers
Roster of all active developers with their current-period hours, primary client allocation, and role classification. Entry point to individual developer drill-downs.
/developers/:id
Individual developer profile with session history, client breakdown, AI token spend, and productivity trends. Full history of Claude sessions attributed to this developer.
/developers/utilization
Cross-developer utilization matrix. Compare hours worked vs capacity targets, identify over- and under-utilized team members, and spot allocation imbalances.
/developers/anomalies
Auto-detected anomalies in developer activity — unusual session gaps, atypical hours, unexpected client switches. Surfaced by the alert system for management review.
Revenue, expenses, cash flow, and transaction management
/financials/revenue
Client-level revenue analysis. Gross revenue vs costs per client, profitability margins, and period-over-period comparison. Drives billing strategy decisions.
/financials/expenses
Expense breakdown by category. Synced from bank transactions via Plaid. Identify largest cost centers, track category spend over time, and review uncategorized items.
/financials/cash
Connected bank accounts via Plaid with real-time cash in/out tracking. Waterfall chart of cash movement over the period. Identify runway and payment timing.
/financials/trends
Multi-period financial trend lines. Revenue and expense trajectories over rolling windows. Identify seasonality, spending spikes, and growth rates.
/financials/browse
Full searchable, filterable transaction ledger. Recategorize transactions inline, apply rules, and review imported bank data. Main tool for monthly reconciliation.
AI usage analytics, commit tracking, and Jira project visibility
/ai/usage
Token consumption by developer and client across hourly and daily windows. Identify heavy usage periods, cost outliers, and which clients drive the most AI spend.
/ai/compare
Side-by-side comparison of AI token usage between selected developers. Identify efficiency differences and benchmark against team averages.
/commits
Cross-repo commit and pull request feed. Track developer output, review PR velocity, and correlate code activity with billed hours.
/jira/epics
Jira project visibility — epics, stories, and issue status across all active projects. Filter by project and status. Quick-link to individual issues in Jira.
/jira/client-report
Client-facing project progress report generated from Jira data. Formatted for sharing — summarizes epics, completion %, and next milestones per project key.
/activity (planned)
Unified chronological feed of all DataStudios activity — commits, Jira transitions, client interactions, and invoice events. File exists (ActivityFeed.tsx) but not yet routed.
Nav · Leads
/leads/* · API: leadgenerator.datastudios.ai/api/ · Port 8600
Lead Generator — Upwork job discovery, AI-assisted proposal drafting, application pipeline management, and proposal profile configuration for DataStudios business development.
Job discovery — ingested leads and overview metrics
/ (LG root)
Lead Generator home. KPIs for total jobs ingested, applications submitted, win rate, and pipeline value. Summary of recent activity and quick access to top-scored leads.
/feed
Full list of all ingested job postings. Filter by status, score, and keywords. Click any job to open the slide-over detail panel with proposal draft and apply actions.
Slide-over panel (triggered from Feed or Pipeline)
Full job posting detail with scoring rationale and proposal draft. Update job status, switch the active proposal profile, and launch the Application Workspace from here.
Kanban workflow, application management, and proposal workspaces
/pipeline
Drag-and-drop kanban board. Jobs flow through columns: New → Reviewing → Drafted → Applied → Won / Lost. Drag cards to update status. Click to open detail panel.
/applications
List of all created applications — each links a job to a proposal profile and tracks draft status. Open an application to enter the full workspace for drafting and submission.
/applications/:id
Full-screen proposal drafting environment. Left panel: job details. Right panel: AI-generated draft with rich-text editor. Generate, refine, and submit — all in one view.
Proposal profile templates — writing style, keywords, and context
/profiles
Manage proposal writing profiles. Each profile defines a tone, length, keyword set, and background context injected into AI-generated proposals. Set one profile as the default.
Job source configuration and pipeline performance analytics
/sources
Configure job ingestion sources (Upwork RSS feeds, search queries). Enable/disable sources, view last-sync timestamps, manage the ingestion scheduler, and trigger manual syncs.
/analytics
Pipeline performance metrics. Job-to-application conversion rates, win rates by profile and client type, score distribution histograms, and revenue won over time.
Nav · Content
/content/* · API: contentwriter.datastudios.ai/api/ · Port 8100
Content Writer — AI-powered content generation from curated source libraries. Organize topics, pull sources (web, YouTube, PDF, book), generate drafts, and manage the content library.
Content dashboard and the generated content archive
/ (CW root)
Content Writer home. Overview of active topics, source health, and content generation pipeline. Surfaces topics with pending candidates and sources due for a sync.
/content
Archive of all generated content pieces. Filter by topic, status, and date. Preview, edit, publish, or delete content. Each piece links back to its generating topic.
AI content generation wizard — topic → template → output
/generate
Step-by-step content generation wizard. Select a topic → choose a template → optionally suggest additional sources → generate and preview the AI-drafted piece. Save to library when satisfied.
Content topics management and per-topic source workspaces
/topics
Manage all content topics. Each topic is a content category with associated sources and generation settings. Filter by status, search by name, create new topics.
/topics/:id
Full topic workspace. Manage associated sources, review and promote source candidates, trigger extraction and embedding, and generate content directly from this topic.
Global source library — web articles, YouTube, PDFs, books
/sources
Global library of all ingested sources. Add new sources by URL (web article, YouTube), PDF upload, or book metadata. View content extracted from each source. Trigger re-sync.