Add CORS support and System Status Bar

- Added CORS environment variables to Directus service
- Allow requests from launch.jumpstartscaling.com
- Created SystemStatusBar component with:
  - Real-time API health monitoring
  - Database connection status
  - WP Connection status
  - Expandable processing log
- Integrated status bar into AdminLayout (full width at bottom)
- Added padding to main content to prevent overlap

This fixes CORS errors blocking admin pages.
This commit is contained in:
cawcenter
2025-12-13 10:24:41 -05:00
parent 71fd3c630a
commit aa46b98ce7
4 changed files with 279 additions and 1 deletions

View File

@@ -6,6 +6,10 @@ interface Props {
const { title } = Astro.props;
const currentPath = Astro.url.pathname;
import SystemStatus from '@/components/admin/SystemStatus';
import SystemStatusBar from '@/components/admin/SystemStatusBar';
const navGroups = [
{
title: 'Command Station',
@@ -169,6 +173,10 @@ function isActive(href: string) {
))}
</nav>
<div class="px-4 pb-4 mt-auto">
<SystemStatus client:load />
</div>
<div class="p-4 border-t border-gray-800">
<a
href="/"
@@ -203,9 +211,12 @@ function isActive(href: string) {
</div>
</header>
<main class="p-8">
<main class="p-8 pb-24">
<slot />
</main>
</div>
<!-- Full-Width System Status Bar -->
<SystemStatusBar client:load />
</body>
</html>