From 6c3578a475f0479d2ed80b5253cd31c23308bb60 Mon Sep 17 00:00:00 2001
From: Mauricio Siu <siumauricio@icloud.com>
Date: Thu, 9 Apr 2026 11:44:55 -0600
Subject: [PATCH] feat: enhance AnalyzeLogs component with AI provider
 configuration prompt

- Updated the AnalyzeLogs component to display a message and button for configuring AI providers when none are available, improving user guidance.
- Added a link to the settings page for easy access to AI provider configuration.
- Integrated new icon for the configuration button to enhance UI clarity.

These changes improve the user experience by ensuring users are informed about the need to set up AI providers for log analysis.
---
 .../dashboard/docker/logs/analyze-logs.tsx    | 90 +++++++++++--------
 1 file changed, 53 insertions(+), 37 deletions(-)

diff --git a/apps/dokploy/components/dashboard/docker/logs/analyze-logs.tsx b/apps/dokploy/components/dashboard/docker/logs/analyze-logs.tsx
index c26ce5bfe..267735eac 100644
--- a/apps/dokploy/components/dashboard/docker/logs/analyze-logs.tsx
+++ b/apps/dokploy/components/dashboard/docker/logs/analyze-logs.tsx
@@ -1,5 +1,6 @@
 "use client";
-import { Bot, Loader2, RotateCcw, X } from "lucide-react";
+import { Bot, Loader2, RotateCcw, Settings, X } from "lucide-react";
+import Link from "next/link";
 import { useState } from "react";
 import ReactMarkdown from "react-markdown";
 import { toast } from "sonner";
@@ -91,42 +92,57 @@ export function AnalyzeLogs({ logs, context }: Props) {
 				</div>
 				<div className="p-4 space-y-3">
 					{!data?.analysis ? (
-						<>
-							<Select value={aiId} onValueChange={setAiId}>
-								<SelectTrigger className="h-9 text-sm">
-									<SelectValue placeholder="Select AI provider..." />
-								</SelectTrigger>
-								<SelectContent>
-									{providers?.map((p) => (
-										<SelectItem key={p.aiId} value={p.aiId}>
-											{p.name} ({p.model})
-										</SelectItem>
-									))}
-								</SelectContent>
-							</Select>
-							<Button
-								size="sm"
-								className="w-full"
-								disabled={!aiId || isPending || logs.length === 0}
-								onClick={handleAnalyze}
-							>
-								{isPending ? (
-									<>
-										<Loader2 className="mr-2 h-3.5 w-3.5 animate-spin" />
-										Analyzing...
-									</>
-								) : (
-									<>
-										<Bot className="mr-2 h-3.5 w-3.5" />
-										Analyze{" "}
-										{logs.length > MAX_LOG_LINES
-											? `last ${MAX_LOG_LINES}`
-											: logs.length}{" "}
-										lines
-									</>
-								)}
-							</Button>
-						</>
+						providers && providers.length === 0 ? (
+							<div className="flex flex-col items-center gap-3 py-2 text-center">
+								<p className="text-sm text-muted-foreground">
+									No AI providers configured. Set up a provider to start
+									analyzing logs.
+								</p>
+								<Button size="sm" variant="outline" asChild>
+									<Link href="/dashboard/settings/ai">
+										<Settings className="mr-2 h-3.5 w-3.5" />
+										Configure AI Provider
+									</Link>
+								</Button>
+							</div>
+						) : (
+							<>
+								<Select value={aiId} onValueChange={setAiId}>
+									<SelectTrigger className="h-9 text-sm">
+										<SelectValue placeholder="Select AI provider..." />
+									</SelectTrigger>
+									<SelectContent>
+										{providers?.map((p) => (
+											<SelectItem key={p.aiId} value={p.aiId}>
+												{p.name} ({p.model})
+											</SelectItem>
+										))}
+									</SelectContent>
+								</Select>
+								<Button
+									size="sm"
+									className="w-full"
+									disabled={!aiId || isPending || logs.length === 0}
+									onClick={handleAnalyze}
+								>
+									{isPending ? (
+										<>
+											<Loader2 className="mr-2 h-3.5 w-3.5 animate-spin" />
+											Analyzing...
+										</>
+									) : (
+										<>
+											<Bot className="mr-2 h-3.5 w-3.5" />
+											Analyze{" "}
+											{logs.length > MAX_LOG_LINES
+												? `last ${MAX_LOG_LINES}`
+												: logs.length}{" "}
+											lines
+										</>
+									)}
+								</Button>
+							</>
+						)
 					) : (
 						<>
 							<div className="max-h-[400px] overflow-y-auto">