From 68649b0073bd493902a2b0fdd12512c681c63894 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alejandro=20Guti=C3=A9rrez?=
 <35082514+alezmad@users.noreply.github.com>
Date: Wed, 4 Feb 2026 01:01:19 +0100
Subject: [PATCH] Add Dozzle logs button to service card footer

Adds a scroll-text icon button between the web link and Coolify link
that opens Dozzle for viewing container logs.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/components/ServiceCard.tsx | 17 ++++++++++++++++-
 src/lib/config.ts              |  2 ++
 src/lib/services.ts            | 11 +++++++++++
 3 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/src/components/ServiceCard.tsx b/src/components/ServiceCard.tsx
index 82681ac..ab7fd6b 100644
--- a/src/components/ServiceCard.tsx
+++ b/src/components/ServiceCard.tsx
@@ -1,7 +1,9 @@
 'use client';
 
 import { useState, useCallback } from 'react';
-import { Service, DiscoveredService, getCoolifyUrl } from '@/lib/services';
+import { Service, DiscoveredService, getCoolifyUrl, getDozzleUrl } from '@/lib/services';
+
+const dozzleUrl = getDozzleUrl();
 import { HealthStatus } from '@/lib/PortalContext';
 import { Icon } from './Icons';
 
@@ -170,6 +172,19 @@ export function ServiceCard({ service, status }: ServiceCardProps) {
             <Icon name="external-link" size={14} />
           </a>
 
+          {/* View logs in Dozzle */}
+          {discovered && (
+            <a
+              href={dozzleUrl}
+              target="_blank"
+              rel="noopener noreferrer"
+              title="View logs"
+              className="p-1.5 rounded-md text-slate-400 dark:text-stone-500 hover:text-amber-500 dark:hover:text-amber-400 hover:bg-amber-50 dark:hover:bg-amber-900/20 transition-colors"
+            >
+              <Icon name="scroll-text" size={14} />
+            </a>
+          )}
+
           {/* Manage in Coolify */}
           {discovered && (
             <a
diff --git a/src/lib/config.ts b/src/lib/config.ts
index 6fddfba..a33d816 100644
--- a/src/lib/config.ts
+++ b/src/lib/config.ts
@@ -15,5 +15,7 @@ export const clientConfig = {
   nucHost: process.env.NEXT_PUBLIC_NUC_HOST || '192.168.1.3',
   coolifyUrl: process.env.NEXT_PUBLIC_COOLIFY_URL || 'http://192.168.1.3:8000',
   coolifyProjectUuid: process.env.NEXT_PUBLIC_COOLIFY_PROJECT_UUID || 'a8484ggc88c40w4g4k004ow0',
+  coolifyEnvUuid: process.env.NEXT_PUBLIC_COOLIFY_ENV_UUID || 'dckc0w4ko8s888c4gk84skoo',
   grafanaUrl: process.env.NEXT_PUBLIC_GRAFANA_URL || 'http://192.168.1.3:3333',
+  dozzleUrl: process.env.NEXT_PUBLIC_DOZZLE_URL || 'http://192.168.1.3:9999',
 };
diff --git a/src/lib/services.ts b/src/lib/services.ts
index fa0f21c..d8950e4 100644
--- a/src/lib/services.ts
+++ b/src/lib/services.ts
@@ -19,6 +19,17 @@ export interface DiscoveredService extends Service {
   coolifyStatus: string;
 }
 
+export function getCoolifyUrl(service: DiscoveredService): string {
+  const base = process.env.NEXT_PUBLIC_COOLIFY_URL || 'http://192.168.1.3:8000';
+  const project = process.env.NEXT_PUBLIC_COOLIFY_PROJECT_UUID || 'a8484ggc88c40w4g4k004ow0';
+  const env = process.env.NEXT_PUBLIC_COOLIFY_ENV_UUID || 'dckc0w4ko8s888c4gk84skoo';
+  return `${base}/project/${project}/environment/${env}/${service.resourceType}/${service.uuid}`;
+}
+
+export function getDozzleUrl(): string {
+  return process.env.NEXT_PUBLIC_DOZZLE_URL || 'http://192.168.1.3:9999';
+}
+
 export interface Bookmark {
   name: string;
   url: string;