---
title: "Sites Command Center"
url: https://hurricane.works/ai/projects/sites-command-center/
description: "Unified dashboard for cross-project dependency, security, and environment management"
status: "Internal Tool"
categories: ["Web Platforms"]
---

# Sites Command Center

Unified dashboard for cross-project dependency, security, and environment management

**Status:** Internal Tool

## Overview

**The Problem:** With 20+ active projects sharing API keys, dependencies, and deployment platforms, manually checking each project for outdated packages, security vulnerabilities, and environment variable consistency does not scale.

A local-only Next.js dashboard that provides a unified view across 20+ projects. It replaces the need to manually check each project for outdated dependencies, security alerts, environment variable consistency, and deployment status.

The tool scans the filesystem, reads package.json files, runs npm audit and npm outdated, fetches Dependabot alerts via the GitHub CLI, and inspects environment variables across all projects — all presented in four scannable pages.

Environment variable analysis uses SHA-256 fingerprinting (hash + last 4 characters) to detect when the same secret is reused across projects without ever exposing the full value. A JSON file cache ensures instant page loads with manual refresh for fresh scans.

## Key Features

### Projects Overview
Scans ~/Sites for all projects, showing localhost ports, Supabase/Netlify status, dependency counts, git branches, and live URLs.

### Environment Variable Audit
Detects shared keys across projects using SHA-256 fingerprinting. Red/green dots flag reused secrets that need rotation — without ever exposing actual values.

### Dependency Health
Runs npm outdated and npm audit per project, categorising updates into security fixes (red), minor/patch (neutral), and major updates (amber) with copyable prompts.

### Security Alerts
Fetches open Dependabot alerts from GitHub API with severity colour coding, per-project breakdown, and direct links to GitHub.

### Terminal Integration
"Open in Terminal" buttons per project using AppleScript, plus copyable Droid prompts for automated dependency updates.

### Section-Independent Caching
JSON file cache with per-section timestamps. Fast scans (projects) complete instantly while slow scans (dependencies) run independently.

## Technology Stack

### Frontend
- Next.js 16
- React 19
- TypeScript 5
- Tailwind CSS 4
- shadcn/ui

### Data Sources
- Filesystem (fs)
- npm CLI
- GitHub CLI (gh)
- Netlify CLI
- Git

### Cache
- JSON file cache

## Architecture

Local-only Next.js app with client components fetching from API routes. Scanners read from the filesystem and CLI tools, writing to a JSON file cache. Each page section caches independently — project scans are fast, dependency scans are slow.

- Scanner module (filesystem + CLI tools)
- JSON file cache (per-section timestamps)
- API routes (serve cached data, trigger scans)
- Client components (manual refresh, resolve toggles)