690519:1631 224 to 226 AI #01

2026-05-19 16:31:50 +07:00
parent 3e25097470
commit ea5499123e
127 changed files with 12387 additions and 42 deletions
@@ -0,0 +1,34 @@
+// File: frontend/components/ai/ai-chat-toggle.tsx
+// Change Log:
+// - 2026-05-19: สร้างคอมโพเนนต์ปุ่มเปิด/ปิด AI Document Chat Panel
+
+'use client';
+
+import { MessageSquare, X } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+
+interface AiChatToggleProps {
+  isOpen: boolean;
+  onClick: () => void;
+}
+
+export function AiChatToggle({ isOpen, onClick }: AiChatToggleProps) {
+  return (
+    <Button
+      onClick={onClick}
+      className={`fixed bottom-6 right-6 z-50 h-14 w-14 rounded-full shadow-lg transition-all duration-300 ease-in-out hover:scale-115 flex items-center justify-center ${
+        isOpen
+          ? 'bg-destructive hover:bg-destructive/95 text-destructive-foreground rotate-90'
+          : 'bg-gradient-to-r from-violet-600 to-indigo-600 hover:from-violet-700 hover:to-indigo-700 text-white hover:shadow-violet-500/20'
+      }`}
+      size="icon"
+      aria-label={isOpen ? 'ปิดช่องแชท AI' : 'เปิดช่องแชท AI'}
+    >
+      {isOpen ? (
+        <X className="h-6 w-6 transition-transform duration-200" />
+      ) : (
+        <MessageSquare className="h-6 w-6 transition-transform duration-200" />
+      )}
+    </Button>
+  );
+}