feat(ai-admin-console): complete implementation and resolve lint compilation errors

2026-05-21 21:42:25 +07:00
parent 1580ab2c18
commit 91e9c714df
39 changed files with 3724 additions and 72 deletions
@@ -0,0 +1,59 @@
+// File: components/ai/ai-suggestion-button.tsx
+// Change Log
+// - 2026-05-21: เพิ่มปุ่ม AI Suggestion พร้อม soft fallback เมื่อ AI ถูกปิด.
+'use client';
+
+import { Sparkles } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import { HoverCard, HoverCardContent, HoverCardTrigger } from '@/components/ui/hover-card';
+
+const DEFAULT_DISABLED_MESSAGE = 'ระบบ AI ไม่พร้อมใช้งานชั่วคราว กรุณากรอกข้อมูลด้วยตนเอง';
+
+interface AiSuggestionButtonProps {
+  aiEnabled: boolean;
+  isLoading?: boolean;
+  label?: string;
+  disabledMessage?: string;
+  onClick?: () => void;
+}
+
+/** ปุ่มเรียก AI suggestion ที่แสดง fallback ชัดเจนเมื่อระบบ AI ปิด */
+export function AiSuggestionButton({
+  aiEnabled,
+  isLoading = false,
+  label = 'AI Suggestion',
+  disabledMessage = DEFAULT_DISABLED_MESSAGE,
+  onClick,
+}: AiSuggestionButtonProps) {
+  const disabled = !aiEnabled || isLoading;
+  const button = (
+    <Button
+      type="button"
+      variant="outline"
+      size="sm"
+      disabled={disabled}
+      aria-label={label}
+      onClick={disabled ? undefined : onClick}
+      className="gap-2"
+    >
+      <Sparkles className="h-4 w-4" />
+      {label}
+    </Button>
+  );
+
+  if (aiEnabled) return button;
+
+  return (
+    <HoverCard openDelay={100}>
+      <HoverCardTrigger asChild>
+        <span className="inline-flex cursor-not-allowed">
+          {button}
+          <span className="sr-only">{disabledMessage}</span>
+        </span>
+      </HoverCardTrigger>
+      <HoverCardContent className="border-amber-200 bg-amber-50 text-amber-900">
+        <p className="text-sm">{disabledMessage}</p>
+      </HoverCardContent>
+    </HoverCard>
+  );
+}