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,28 @@
+// File: components/ai/ai-status-banner-host.tsx
+// Change Log
+// - 2026-05-21: เพิ่ม host สำหรับ global AI disabled banner เฉพาะผู้ใช้ที่มีสิทธิ์ AI.
+'use client';
+
+import { useEffect, useState } from 'react';
+import { AiStatusBanner } from './AiStatusBanner';
+import { useCurrentUserAiStatus } from '@/hooks/use-ai-status';
+import { AI_FEATURES_UNAVAILABLE_EVENT } from '@/lib/api/client';
+
+/** แสดง global banner เมื่อ AI ถูกปิดสำหรับผู้ใช้ที่มีสิทธิ์ AI */
+export function AiStatusBannerHost() {
+  const [serviceUnavailable, setServiceUnavailable] = useState(false);
+  const { data, isLoading } = useCurrentUserAiStatus();
+
+  useEffect(() => {
+    const handleAiUnavailable = () => setServiceUnavailable(true);
+    window.addEventListener(AI_FEATURES_UNAVAILABLE_EVENT, handleAiUnavailable);
+    return () => window.removeEventListener(AI_FEATURES_UNAVAILABLE_EVENT, handleAiUnavailable);
+  }, []);
+
+  if (isLoading || (data?.shouldShowBanner !== true && !serviceUnavailable)) return null;
+  return (
+    <div className="sticky top-0 z-40 border-b bg-background px-4 py-2">
+      <AiStatusBanner aiEnabled={serviceUnavailable ? false : data?.aiFeaturesEnabled} />
+    </div>
+  );
+}