fix: use relative API paths for production deployment

2 files changed, 7 insertions, 7 deletions

diff --git a/frontend/src/components/LeftSidebar.tsx b/frontend/src/components/LeftSidebar.tsx
index 1df63fe..1a111bf 100644
--- a/frontend/src/components/LeftSidebar.tsx
+++ b/frontend/src/components/LeftSidebar.tsx
@@ -191,7 +191,7 @@ const LeftSidebar: React.FC<LeftSidebarProps> = ({ isOpen, onToggle }) => {
 
   const handleDownload = async (item: FSItem) => {
     if (item.type !== 'file') return;
-    const url = `${import.meta.env.VITE_BACKEND_URL || 'http://localhost:8000'}/api/projects/download?user=test&path=${encodeURIComponent(item.path)}`;
+    const url = `${import.meta.env.VITE_BACKEND_URL || ''}/api/projects/download?user=test&path=${encodeURIComponent(item.path)}`;
     const a = document.createElement('a');
     a.href = url;
     a.download = item.name;
@@ -276,7 +276,7 @@ const LeftSidebar: React.FC<LeftSidebarProps> = ({ isOpen, onToggle }) => {
   };
 
   const handleDownloadFile = (file: FileMeta) => {
-    const url = `${import.meta.env.VITE_BACKEND_URL || 'http://localhost:8000'}/api/files/download?user=test&file_id=${encodeURIComponent(file.id)}`;
+    const url = `${import.meta.env.VITE_BACKEND_URL || ''}/api/files/download?user=test&file_id=${encodeURIComponent(file.id)}`;
     const a = document.createElement('a');
     a.href = url;
     a.download = file.name;
diff --git a/frontend/src/components/Sidebar.tsx b/frontend/src/components/Sidebar.tsx
index 17050aa..61a5f02 100644
--- a/frontend/src/components/Sidebar.tsx
+++ b/frontend/src/components/Sidebar.tsx
@@ -295,7 +295,7 @@ const Sidebar: React.FC<SidebarProps> = ({ isOpen, onToggle, onInteract }) => {
         : '';
 
     try {
-      const response = await fetch('http://localhost:8000/api/run_node_stream', {
+      const response = await fetch('/api/run_node_stream', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json', ...getAuthHeader() },
         body: JSON.stringify({
@@ -386,7 +386,7 @@ const Sidebar: React.FC<SidebarProps> = ({ isOpen, onToggle, onInteract }) => {
     setShowSummaryModal(false);
     
     try {
-      const res = await fetch('http://localhost:8000/api/summarize', {
+      const res = await fetch('/api/summarize', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json', ...getAuthHeader() },
         body: JSON.stringify({
@@ -412,7 +412,7 @@ const Sidebar: React.FC<SidebarProps> = ({ isOpen, onToggle, onInteract }) => {
   // Auto-generate title using gpt-5-nano
   const generateTitle = async (nodeId: string, userPrompt: string, response: string) => {
     try {
-      const res = await fetch('http://localhost:8000/api/generate_title', {
+      const res = await fetch('/api/generate_title', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json', ...getAuthHeader() },
         body: JSON.stringify({ user_prompt: userPrompt, response })
@@ -489,7 +489,7 @@ const Sidebar: React.FC<SidebarProps> = ({ isOpen, onToggle, onInteract }) => {
         const messages = computeMergedMessages(selectedNode.id, orderedSelectedIds, 'trace_order');
         const content = messages.map(m => `${m.role}: ${m.content}`).join('\n\n');
         
-        const res = await fetch('http://localhost:8000/api/summarize', {
+        const res = await fetch('/api/summarize', {
           method: 'POST',
           headers: { 'Content-Type': 'application/json', ...getAuthHeader() },
           body: JSON.stringify({
@@ -1003,7 +1003,7 @@ const Sidebar: React.FC<SidebarProps> = ({ isOpen, onToggle, onInteract }) => {
       const scopes = [`${projectPath}/quick_chat_temp`];
 
       // Call LLM API with current messages as context
-      const response = await fetch('http://localhost:8000/api/run_node_stream', {
+      const response = await fetch('/api/run_node_stream', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json', ...getAuthHeader() },
         body: JSON.stringify({