fix: Add environment-aware API URL configuration for Codespaces

- Created getApiUrl() utility that auto-detects Codespace environment
- Replaces port 3000 with port 8000 for backend API when in Codespaces
- Falls back to localhost:8000 for local development
- Fixed hardcoded localhost URLs in all components:
  - api.ts (axios instance)
  - ComplianceDashboard.tsx
  - PolicyList.tsx
  - PolicyViolations.tsx
- Added .env.example for configuration reference
- Fixes API connectivity issues where frontend couldn't reach backend

Author: TamTunnel

AIGovHub/frontend/.env.example

@@ -0,0 +1,4 @@
+# API Configuration
+# For Codespaces, the backend URL will be auto-detected from window.location
+# For local development, use localhost
+VITE_API_BASE_URL=http://localhost:8000

AIGovHub/frontend/src/api.ts

@@ -6,8 +6,27 @@ import type {
   ComplianceLog,
 } from "./types";
 
+// Detect if running in GitHub Codespaces and construct the API URL accordingly
+const getApiBaseUrl = () => {
+  // Check if we're in a Codespace (look for the Codespace-specific URL pattern)
+  if (
+    typeof window !== "undefined" &&
+    window.location.hostname.includes(".app.github.dev")
+  ) {
+    // Replace port 3000 with 8000 for backend API
+    const backendUrl = window.location.origin.replace(
+      "-3000.app.github.dev",
+      "-8000.app.github.dev",
+    );
+    return `${backendUrl}/api/v1`;
+  }
+
+  // Fall back to environment variable or localhost for local development
+  return `${import.meta.env.VITE_API_BASE_URL || "http://localhost:8000"}/api/v1`;
+};
+
 const api = axios.create({
-  baseURL: "http://localhost:8000/api/v1",
+  baseURL: getApiBaseUrl(),
 });
 
 export const getModels = async () => {

AIGovHub/frontend/src/components/ComplianceDashboard.tsx

@@ -8,6 +8,7 @@ import {
 } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
 import type { DashboardStats } from "../types";
+import { getApiUrl } from "../lib/apiUrl";
 import {
   BarChart,
   Bar,
@@ -43,7 +44,7 @@ export function ComplianceDashboard() {
   const loadStats = async () => {
     setLoading(true);
     try {
-      const res = await fetch("http://localhost:8000/api/v1/dashboard/stats");
+      const res = await fetch(getApiUrl("/dashboard/stats"));
       const data = await res.json();
       setStats(data);
     } catch (error) {

AIGovHub/frontend/src/components/PolicyList.tsx

@@ -15,6 +15,7 @@ import {
 } from "@mantine/core";
 import { useDisclosure } from "@mantine/hooks";
 import type { Policy, PolicyScope, PolicyConditionType } from "../types";
+import { getApiUrl } from "../lib/apiUrl";
 
 const SCOPE_COLORS: Record<string, string> = {
   global: "blue",
@@ -43,7 +44,7 @@ export function PolicyList() {
     let cancelled = false;
     (async () => {
       try {
-        const res = await fetch("http://localhost:8000/api/v1/policies/");
+        const res = await fetch(getApiUrl("/policies/"));
         const data = await res.json();
         if (!cancelled) setPolicies(data);
       } catch {
@@ -57,7 +58,7 @@ export function PolicyList() {
 
   const handleCreatePolicy = async () => {
     try {
-      const res = await fetch("http://localhost:8000/api/v1/policies/", {
+      const res = await fetch(getApiUrl("/policies/"), {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify(newPolicy),

AIGovHub/frontend/src/components/PolicyViolations.tsx

@@ -12,6 +12,7 @@ import {
 } from "@mantine/core";
 import { useNavigate } from "react-router-dom";
 import type { PolicyViolation } from "../types";
+import { getApiUrl } from "../lib/apiUrl";
 
 export function PolicyViolations() {
   const [violations, setViolations] = useState<PolicyViolation[]>([]);
@@ -21,9 +22,7 @@ export function PolicyViolations() {
     let cancelled = false;
     (async () => {
       try {
-        const res = await fetch(
-          "http://localhost:8000/api/v1/policies/violations/",
-        );
+        const res = await fetch(getApiUrl("/policies/violations/"));
         const data = await res.json();
         if (!cancelled) setViolations(data);
       } catch {

AIGovHub/frontend/src/lib/apiUrl.ts

@@ -0,0 +1,13 @@
+// API URL utility for consistent backend access across all components
+export const getApiUrl = (endpoint: string = ''): string => {
+    // Detect if running in GitHub Codespaces
+    if (typeof window !== 'undefined' && window.location.hostname.includes('.app.github.dev')) {
+        // Replace port 3000 with 8000 for backend API
+        const backendUrl = window.location.origin.replace('-3000.app.github.dev', '-8000.app.github.dev');
+        return `${backendUrl}/api/v1${endpoint}`;
+    }
+
+    // Fall back to localhost for local development  
+    const baseUrl = import.meta.env.VITE_API_BASE_URL || 'http://localhost:8000';
+    return `${baseUrl}/api/v1${endpoint}`;
+};

ApacheTacticalMesh

@@ -0,0 +1 @@
+Subproject commit 18b00990f2a55ae49265264bd55ad8d7991dfb1f

ChirpDecoder

@@ -0,0 +1 @@
+Subproject commit f462bfdc2c7e7bbfd000874e943e09340933a31f

SpaceComms

@@ -0,0 +1 @@
+Subproject commit 751015e24e7bf62797d0fc406e7a95757133a35b

SpaceComms.wiki

@@ -0,0 +1 @@
+Subproject commit afb4c6f80534176778bc5131d30f3adf0ca5d32e