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.

Author: Siumauricio

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">