fix internal network

Dockerfile

@@ -4,6 +4,7 @@ WORKDIR /app/frontend
 COPY frontend/package.json frontend/package-lock.json* ./
 RUN npm install
 COPY frontend/ ./
+ENV REACT_APP_BACKEND_URL=http://0.0.0.0:7860
 RUN npm run build
 
 # Stage 2: Setup Backend

frontend/src/App.js

@@ -25,6 +25,8 @@ import './App.css';
 import StorageManager from './components/StorageManager'; // Import StorageManager
 
 function App() {
+   // Use environment variable for backend URL, default to http://localhost:7860
+  const BACKEND_URL = process.env.REACT_APP_BACKEND_URL || 'http://localhost:7860';
   const [sessions, setSessions] = useState(() => {
     const saved = localStorage.getItem('chat_sessions');
     return saved ? JSON.parse(saved) : [];
@@ -124,7 +126,7 @@ function App() {
 
     try {
       setIsLoading(true);
-      const response = await axios.post('http://0.0.0.0:7860/upload', formData, {
+      const response = await axios.post(`${BACKEND_URL}/upload`, formData, {
         headers: { 'Content-Type': 'multipart/form-data' }
       });
       
@@ -174,7 +176,7 @@ function App() {
     setIsLoading(true);
 
     try {
-      const response = await axios.post('http://0.0.0.0:7860/chat', {
+      const response = await axios.post(`${BACKEND_URL}/chat`, {
         query: userMessage,
         file_path: uploadedFile?.path || null
       });

frontend/src/components/StorageManager.js

@@ -7,10 +7,14 @@ const StorageManager = () => {
   const [cleanupAge, setCleanupAge] = useState(24);
   const [message, setMessage] = useState('');
 
+
+  // Use environment variable for backend URL, default to http://localhost:7860
+  const BACKEND_URL = process.env.REACT_APP_BACKEND_URL || 'http://localhost:7860';
+
   const fetchStorageInfo = async () => {
     setLoading(true);
     try {
-      const response = await axios.get('http://0.0.0.0:7860/storage/info');
+      const response = await axios.get(`${BACKEND_URL}/storage/info`);
       setStorageInfo(response.data);
       setMessage('');
     } catch (error) {
@@ -24,7 +28,7 @@ const StorageManager = () => {
   const handleCleanup = async () => {
     setLoading(true);
     try {
-      const response = await axios.post(`http://0.0.0.0:7860/storage/cleanup?max_age_hours=${cleanupAge}`);
+      const response = await axios.post(`${BACKEND_URL}/storage/cleanup?max_age_hours=${cleanupAge}`);
       setMessage(response.data.message);
       fetchStorageInfo(); // Refresh info after cleanup
     } catch (error) {