From 45b60a0aee15fb50f0ee425a2ba0a44be7db70be Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Sun, 5 Apr 2026 16:23:48 +0200
Subject: [PATCH] feat: add cameleer3-server-ui container to Docker Compose

The cameleer3-server deploys backend and UI as separate containers.
Add the cameleer3-server-ui image (nginx SPA + API reverse proxy)
to the Compose stack, exposed on port 8082 in dev. Update sidebar
"View Dashboard" link to point to the UI container.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 docker-compose.dev.yml       |  4 ++++
 docker-compose.yml           | 11 +++++++++++
 ui/src/components/Layout.tsx |  2 +-
 3 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/docker-compose.dev.yml b/docker-compose.dev.yml
index 6f324c3..eb8707d 100644
--- a/docker-compose.dev.yml
+++ b/docker-compose.dev.yml
@@ -24,6 +24,10 @@ services:
     ports:
       - "8081:8081"
 
+  cameleer3-server-ui:
+    ports:
+      - "8082:80"
+
   clickhouse:
     ports:
       - "8123:8123"
diff --git a/docker-compose.yml b/docker-compose.yml
index 485cb0c..69743cf 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -159,6 +159,17 @@ services:
     networks:
       - cameleer
 
+  cameleer3-server-ui:
+    image: ${CAMELEER3_SERVER_UI_IMAGE:-gitea.siegeln.net/cameleer/cameleer3-server-ui}:${VERSION:-latest}
+    restart: unless-stopped
+    depends_on:
+      cameleer3-server:
+        condition: service_healthy
+    environment:
+      CAMELEER_API_URL: http://cameleer3-server:8081
+    networks:
+      - cameleer
+
   clickhouse:
     image: clickhouse/clickhouse-server:latest
     restart: unless-stopped
diff --git a/ui/src/components/Layout.tsx b/ui/src/components/Layout.tsx
index 1cec15f..9e68e21 100644
--- a/ui/src/components/Layout.tsx
+++ b/ui/src/components/Layout.tsx
@@ -162,7 +162,7 @@ export function Layout() {
         <Sidebar.FooterLink
           icon={<ObsIcon />}
           label="View Dashboard"
-          onClick={() => window.open('http://localhost:8081', '_blank', 'noopener')}
+          onClick={() => window.open('http://localhost:8082', '_blank', 'noopener')}
         />
 
         {/* User info + logout */}