Fix frontend API URL and add IceFlows navigation

- Fix client API URL to use relative paths in production
- Add IceFlows section to sidebar navigation (Workflows, My Approvals, Promotions)
- Update Dockerfile defaults to use empty API_URL for production
- Update Dockerfile.static with correct production defaults
- Remove unnecessary build args from deploy-beta.sh (hardcoded in Dockerfile)

This fixes the "localhost:5001" error and adds missing IceFlows menu items.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

Author: PenguinzTech

scripts/deploy-beta.sh

@@ -374,10 +374,8 @@ with open('$orig_package', 'w') as f:
     local docker_file_tmp="$PROJECT_ROOT/services/webui/Dockerfile.static.tmp"
     sed 's/npm ci/npm install/g' "$PROJECT_ROOT/services/webui/Dockerfile.static" > "$docker_file_tmp"
 
+    # Build web image (defaults in Dockerfile.static are production-ready)
     if ! docker build \
-        --build-arg VITE_API_URL= \
-        --build-arg VITE_API_BASE_PATH=/api/v1 \
-        --build-arg VITE_WS_URL= \
         -t "$IMAGE_REGISTRY/icecharts-web:$IMAGE_TAG" \
         -t "$IMAGE_REGISTRY/icecharts-web:beta" \
         -f "$docker_file_tmp" \

services/webui/Dockerfile

@@ -35,7 +35,7 @@ RUN npm run test -- --run --coverage
 # Stage 4: Build
 FROM dependencies AS builder
 
-# Build arguments for Vite
+# Build arguments for Vite (production defaults)
 ARG VITE_API_URL=""
 ARG VITE_API_BASE_PATH="/api/v1"
 
@@ -45,7 +45,8 @@ WORKDIR /app
 COPY . .
 
 # Build application with environment variables
-RUN VITE_API_URL=${VITE_API_URL} VITE_API_BASE_PATH=${VITE_API_BASE_PATH} npm run build
+# Production uses empty API_URL (relative paths) and /api/v1 base path
+RUN VITE_API_URL="" VITE_API_BASE_PATH="/api/v1" npm run build
 
 # Stage 5: Production
 FROM nginx:1.25 AS production

services/webui/Dockerfile.static

@@ -3,10 +3,11 @@ FROM node:20-slim AS builder
 
 WORKDIR /app
 
-# Set build-time environment variables for Vite
-ARG VITE_API_URL=http://localhost:5002
-ARG VITE_API_BASE_PATH=/api/v1
-ARG VITE_WS_URL=http://localhost:5002
+# Set build-time environment variables for Vite (production defaults)
+# Empty API_URL means use relative paths (works through nginx proxy)
+ARG VITE_API_URL=""
+ARG VITE_API_BASE_PATH="/api/v1"
+ARG VITE_WS_URL=""
 ENV VITE_API_URL=$VITE_API_URL
 ENV VITE_API_BASE_PATH=$VITE_API_BASE_PATH
 ENV VITE_WS_URL=$VITE_WS_URL

services/webui/src/client/lib/api.ts

@@ -1,7 +1,7 @@
 import axios, { AxiosError, InternalAxiosRequestConfig } from 'axios';
 
 // Build API URL - combine API host with base path
-const apiUrl = import.meta.env.VITE_API_URL || 'http://localhost:5001';
+const apiUrl = import.meta.env.VITE_API_URL || (import.meta.env.PROD ? '' : 'http://localhost:5001');
 const basePath = import.meta.env.VITE_API_BASE_PATH || '/api/v1';
 const API_BASE_URL = `${apiUrl}${basePath}`;
 

services/webui/src/components/layout/Sidebar.tsx

@@ -21,6 +21,13 @@ const streamsItems = [
   { path: '/playbooks/templates', label: 'Templates', icon: 'M8 7v8a2 2 0 002 2h6M8 7V5a2 2 0 012-2h4.586a1 1 0 01.707.293l4.414 4.414a1 1 0 01.293.707V15a2 2 0 01-2 2h-2M8 7H6a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2v-2' },
 ];
 
+// Flows section (IceFlows - approval workflows)
+const flowsItems = [
+  { path: '/iceflows', label: 'Workflows', icon: 'M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4' },
+  { path: '/iceflows/my-approvals', label: 'My Approvals', icon: 'M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z' },
+  { path: '/iceflows/promotions', label: 'Promotions', icon: 'M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12' },
+];
+
 // Runs section (IceRuns - serverless functions)
 const runsItems = [
   { path: '/iceruns', label: 'Functions', icon: 'M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4' },
@@ -126,6 +133,31 @@ export const Sidebar: React.FC = () => {
           </NavLink>
         ))}
 
+        {/* Flows section */}
+        <div className="pt-4 pb-2">
+          <p className="px-4 text-xs font-semibold text-ice-navy-400 uppercase tracking-wider">
+            Flows
+          </p>
+        </div>
+        {flowsItems.map((item) => (
+          <NavLink
+            key={item.path}
+            to={item.path}
+            className={({ isActive }) =>
+              `flex items-center gap-3 px-4 py-3 rounded-lg text-sm font-medium transition-colors ${
+                isActive
+                  ? 'bg-ice-gold-500/20 text-ice-gold-400'
+                  : 'text-ice-navy-200 hover:bg-ice-navy-700 hover:text-white'
+              }`
+            }
+          >
+            <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d={item.icon} />
+            </svg>
+            {item.label}
+          </NavLink>
+        ))}
+
         {/* Runs section */}
         <div className="pt-4 pb-2">
           <p className="px-4 text-xs font-semibold text-ice-navy-400 uppercase tracking-wider">