Add AEGIS cyberpunk War Room command dashboard

.github/workflows/war-room-ci.yml

@@ -0,0 +1,42 @@
+name: War Room CI
+
+on:
+  push:
+    branches:
+      - feature/cyberpunk-war-room
+  pull_request:
+    paths:
+      - "client/src/pages/war-room.tsx"
+      - "client/src/components/WarRoomLauncher.tsx"
+      - "server/war-room*.ts"
+      - "server/index.ts"
+      - ".github/workflows/war-room-ci.yml"
+
+permissions:
+  contents: read
+
+jobs:
+  verify:
+    runs-on: ubuntu-latest
+    timeout-minutes: 15
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: War Room boundary tests
+        run: npx tsx --test server/war-room.test.ts
+
+      - name: TypeScript check
+        run: npm run check
+
+      - name: Production build
+        run: npm run build

client/src/App.tsx

@@ -60,7 +60,9 @@ import AuditLogsPage from "@/pages/audit-logs";
 import ThreatSimulationPage from "@/pages/threat-simulation";
 import ThreatDetailPage from "@/pages/threat-detail";
 import IncidentDetailPage from "@/pages/incident-detail";
+import WarRoomPage from "@/pages/war-room";
 import Layout from "@/components/Layout";
+import WarRoomLauncher from "@/components/WarRoomLauncher";
 import type { AuthUser } from "@/lib/auth";
 
 function ProtectedRoute({ component: Component }: { component: () => JSX.Element | null }) {
@@ -124,6 +126,7 @@ function Router() {
       <Route path="/reset-password" component={ResetPasswordPage} />
       <Route path="/accept-invite" component={AcceptInvitePage} />
       <Route path="/dashboard">{() => <ProtectedRoute component={Dashboard} />}</Route>
+      <Route path="/war-room">{() => <ProtectedRoute component={WarRoomPage} />}</Route>
       <Route path="/scans/:id">{() => <ProtectedRoute component={ScanDetail} />}</Route>
       <Route path="/scans">{() => <ProtectedRoute component={Scans} />}</Route>
       <Route path="/compliance">{() => <ProtectedRoute component={Compliance} />}</Route>
@@ -190,6 +193,7 @@ function App() {
         <TooltipProvider>
           <Toaster />
           <Router />
+          <WarRoomLauncher />
         </TooltipProvider>
       </ThemeProvider>
     </QueryClientProvider>

client/src/components/WarRoomLauncher.tsx

@@ -0,0 +1,30 @@
+import { Link, useLocation } from "wouter";
+import { Shield, RadioTower } from "lucide-react";
+
+export default function WarRoomLauncher() {
+  const [location] = useLocation();
+  if (location === "/auth" || location.startsWith("/verify-email") || location.startsWith("/reset-password") || location.startsWith("/accept-invite") || location === "/war-room") {
+    return null;
+  }
+
+  return (
+    <Link href="/war-room">
+      <button
+        data-testid="war-room-launcher"
+        className="fixed bottom-5 right-5 z-50 group rounded-2xl border border-emerald-400/40 bg-black/90 px-4 py-3 text-emerald-300 shadow-[0_0_30px_rgba(16,185,129,0.25)] backdrop-blur-xl transition hover:border-cyan-300/70 hover:text-cyan-200 hover:shadow-[0_0_36px_rgba(34,211,238,0.30)]"
+        aria-label="Open AEGIS War Room"
+      >
+        <span className="flex items-center gap-2">
+          <span className="relative flex h-8 w-8 items-center justify-center rounded-xl border border-emerald-400/30 bg-emerald-500/10">
+            <Shield className="h-4 w-4" />
+            <RadioTower className="absolute -right-1 -top-1 h-3 w-3 animate-pulse text-cyan-300" />
+          </span>
+          <span className="text-left">
+            <span className="block text-[10px] font-mono uppercase tracking-[0.25em] text-emerald-500/80">AEGIS</span>
+            <span className="block text-sm font-semibold">War Room</span>
+          </span>
+        </span>
+      </button>
+    </Link>
+  );
+}

client/src/pages/enterprise.tsx

@@ -239,7 +239,7 @@ function SsoTab({ isLoading: _parentLoading }: { settings?: Setting[]; isLoading
   );
 }
 
-function MultiRegionTab({ isLoading: _parentLoading }: { settings?: Setting[]; isLoading: boolean }) {
+function MultiRegionTab({ settings, isLoading: _parentLoading }: { settings?: Setting[]; isLoading: boolean }) {
   const { toast } = useToast();
 
   interface RegionInfo { id: string; name: string; status: string; }

client/src/pages/pentest.tsx

@@ -392,9 +392,9 @@ export default function PentestPage() {
               <CardContent className="pb-2">
                 <div className="flex flex-wrap gap-2 mt-2">
                   <Badge variant="outline" className="text-xs">
-                    {session.testTypes.length} test types
+                    {Array.isArray(session.testTypes) ? session.testTypes.length : 0} test types
                   </Badge>
-                  {session.summary && ((session.summary as any).findingsCount as number) > 0 && (
+                  {Boolean(session.summary) && ((session.summary as any).findingsCount as number) > 0 && (
                     <>
                       {((session.summary as any).criticalCount as number) > 0 && (
                         <Badge variant="destructive" className="text-xs">
@@ -506,7 +506,7 @@ export default function PentestPage() {
                         {sessionDetails.findings.map((finding) => (
                           <TableRow key={finding.id} className="cursor-pointer hover:bg-muted/50 group">
                             <TableCell>{getSeverityBadge(finding.severity)}</TableCell>
-                            <TableCell className="capitalize">{(finding.testType as React.ReactNode).toString().replace("_", " ")}</TableCell>
+                            <TableCell className="capitalize">{String(finding.testType ?? "unknown").replace("_", " ")}</TableCell>
                             <TableCell className="font-medium">
                               <div className="flex flex-col">
                                 <span>{(finding.title as React.ReactNode)}</span>

client/src/pages/threat-detail.tsx

@@ -211,7 +211,7 @@ export default function ThreatDetailPage() {
                     <Server className="w-8 h-8 text-muted-foreground/30 mx-auto mb-2" />
                     <p className="text-sm text-muted-foreground">No matching assets found in inventory.</p>
                     <Link href="/assets">
-                      <Button variant="link" size="sm" className="mt-1" data-testid="link-view-assets">View Asset Inventory</Button>
+                      <Button variant="ghost" size="sm" className="mt-1 underline" data-testid="link-view-assets">View Asset Inventory</Button>
                     </Link>
                   </div>
                 );