build fix

frontend/Dockerfile

@@ -23,8 +23,8 @@ COPY --from=deps /app/node_modules ./node_modules
 COPY . .
 
 # Environment variables for build
-ENV NEXT_TELEMETRY_DISABLED 1
+ENV NEXT_TELEMETRY_DISABLED=1
-ENV NODE_ENV production
+ENV NODE_ENV=production
 
 # Build the application
 RUN \
@@ -38,8 +38,8 @@ RUN \
 FROM base AS runner
 WORKDIR /app
 
-ENV NODE_ENV production
+ENV NODE_ENV=production
-ENV NEXT_TELEMETRY_DISABLED 1
+ENV NEXT_TELEMETRY_DISABLED=1
 
 # Create nextjs user
 RUN addgroup --system --gid 1001 nodejs
@@ -61,8 +61,8 @@ USER nextjs
 # Expose port
 EXPOSE 3000
 
-ENV PORT 3000
+ENV PORT=3000
-ENV HOSTNAME "0.0.0.0"
+ENV HOSTNAME=0.0.0.0
 
 # Start the application (standalone)
 CMD ["node", "server.js"]

frontend/next.config.js

@@ -9,10 +9,8 @@ const nextConfig = {
   typescript: {
     ignoreBuildErrors: true,
   },
-  experimental: {
   // Enable standalone output for better Docker compatibility
-    outputStandalone: true,
+  output: 'standalone',
-  },
   webpack: (config, { isServer, dev }) => {
     config.resolve.alias = {
       ...config.resolve.alias,

frontend/src/app/admin/page.tsx

@@ -18,7 +18,7 @@ import {
   CheckCircle,
   XCircle
 } from "lucide-react";
-import { apiClient } from "../lib/api-client";
+import { apiClient } from "@/lib/api-client";
 
 interface SystemStats {
   total_users: number;

frontend/src/app/analytics/page.tsx

@@ -20,7 +20,7 @@ import {
   RefreshCw
 } from 'lucide-react';
 import { ProtectedRoute } from '@/components/auth/ProtectedRoute'
-import { apiClient } from '../lib/api-client'
+import { apiClient } from '@/lib/api-client'
 
 interface AnalyticsData {
   overview: {

frontend/src/app/api-keys/page.tsx

@@ -1,6 +1,7 @@
 "use client";
 
-import { useState, useEffect } from "react";
+import { useState, useEffect, Suspense } from "react";
+export const dynamic = 'force-dynamic'
 import { useSearchParams } from "next/navigation";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
@@ -36,7 +37,7 @@ import {
   Bot
 } from "lucide-react";
 import { useToast } from "@/hooks/use-toast";
-import { apiClient } from "../lib/api-client";
+import { apiClient } from "@/lib/api-client";
 
 interface ApiKey {
   id: string;
@@ -93,7 +94,7 @@ const PERMISSION_OPTIONS = [
   { value: "llm:embeddings", label: "LLM Embeddings" },
 ];
 
-export default function ApiKeysPage() {
+function ApiKeysPageContent() {
   const { toast } = useToast();
   const searchParams = useSearchParams();
   const [apiKeys, setApiKeys] = useState<ApiKey[]>([]);
@@ -906,3 +907,11 @@ export default function ApiKeysPage() {
     </div>
   );
 }
+
+export default function ApiKeysPage() {
+  return (
+    <Suspense fallback={<div className="container mx-auto p-6">Loading...</div>}>
+      <ApiKeysPageContent />
+    </Suspense>
+  );
+}

frontend/src/app/audit/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useState, useEffect } from "react";
-import { downloadFile } from "../lib/file-download";
+import { downloadFile } from "@/lib/file-download";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
@@ -27,7 +27,7 @@ import {
   ChevronRight
 } from "lucide-react";
 import { useToast } from "@/hooks/use-toast";
-import { apiClient } from "../lib/api-client";
+import { apiClient } from "@/lib/api-client";
 import { config } from "@/lib/config";
 
 interface AuditLog {

frontend/src/app/budgets/page.tsx

@@ -34,7 +34,7 @@ import {
   Clock
 } from "lucide-react";
 import { useToast } from "@/hooks/use-toast";
-import { apiClient } from "../lib/api-client";
+import { apiClient } from "@/lib/api-client";
 
 interface Budget {
   id: string;

frontend/src/app/dashboard/page.tsx

@@ -5,7 +5,7 @@ import { useState, useEffect } from "react"
 import { ProtectedRoute } from "@/components/auth/ProtectedRoute"
 import { useToast } from "@/hooks/use-toast"
 import { config } from "@/lib/config"
-import { apiClient } from "../lib/api-client"
+import { apiClient } from "@/lib/api-client"
 
 // Force dynamic rendering for authentication
 export const dynamic = 'force-dynamic'

frontend/src/app/llm/page.tsx

@@ -25,7 +25,7 @@ import {
   AlertTriangle
 } from 'lucide-react'
 import { useToast } from '@/hooks/use-toast'
-import { apiClient } from '../lib/api-client'
+import { apiClient } from '@/lib/api-client'
 import { ProtectedRoute } from '@/components/auth/ProtectedRoute'
 import { useRouter } from 'next/navigation'
 

frontend/src/app/prompt-templates/page.tsx

@@ -29,7 +29,7 @@ import {
 } from '@/components/ui/alert-dialog'
 import { Edit3, RotateCcw, Loader2, Save, AlertTriangle, Plus, Sparkles } from 'lucide-react'
 import toast from 'react-hot-toast'
-import { apiClient } from '../lib/api-client'
+import { apiClient } from '@/lib/api-client'
 import { config } from '@/lib/config'
 import { useAuth } from '@/contexts/AuthContext'
 

frontend/src/app/rag/page.tsx

@@ -13,7 +13,7 @@ import { DocumentUpload } from "@/components/rag/document-upload"
 import { DocumentBrowser } from "@/components/rag/document-browser"
 import { useAuth } from "@/contexts/AuthContext"
 import { ProtectedRoute } from '@/components/auth/ProtectedRoute'
-import { apiClient } from '../lib/api-client'
+import { apiClient } from '@/lib/api-client'
 
 interface Collection {
   id: string

frontend/src/app/register/page.tsx

@@ -10,7 +10,7 @@ import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/com
 import { Alert, AlertDescription } from "@/components/ui/alert";
 import { Checkbox } from "@/components/ui/checkbox";
 import { useToast } from "@/hooks/use-toast";
-import { apiClient } from "../lib/api-client";
+import { apiClient } from "@/lib/api-client";
 
 interface RegisterFormData {
   username: string;

frontend/src/app/settings/page.tsx

@@ -31,7 +31,7 @@ import {
   Play
 } from "lucide-react";
 import { useToast } from "@/hooks/use-toast";
-import { apiClient } from "../lib/api-client";
+import { apiClient } from "@/lib/api-client";
 import { useModules, triggerModuleRefresh } from '@/contexts/ModulesContext';
 import { Badge } from '@/components/ui/badge';
 

frontend/src/app/test-auth/page.tsx

@@ -4,7 +4,7 @@ import { useAuth } from "@/contexts/AuthContext"
 import { Button } from "@/components/ui/button"
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
 import { useState } from "react"
-import { apiClient } from "../lib/api-client"
+import { apiClient } from "@/lib/api-client"
 import { tokenManager } from "@/lib/token-manager"
 
 export default function TestAuthPage() {