| 1 | "use client"; |
| 2 | |
| 3 | import { Bot, X } from "lucide-react"; |
| 4 | |
| 5 | import { Button } from "@/components/ui/button"; |
| 6 | import { usePresentationState } from "@/states/presentation-state"; |
| 7 | |
| 8 | export function PresentationAgentPanel() { |
| 9 | const setActiveRightPanel = usePresentationState( |
| 10 | (state) => state.setActiveRightPanel, |
| 11 | ); |
| 12 | |
| 13 | return ( |
| 14 | <div className="flex h-full w-104 flex-col border-l bg-background"> |
| 15 | <div className="flex items-center justify-between border-b p-3"> |
| 16 | <div className="flex items-center gap-2"> |
| 17 | <Bot className="h-4 w-4" /> |
| 18 | <h2 className="text-sm font-semibold tracking-wide">Agent</h2> |
| 19 | </div> |
| 20 | <Button |
| 21 | variant="ghost" |
| 22 | size="icon" |
| 23 | onClick={() => setActiveRightPanel(null)} |
| 24 | className="h-8 w-8 hover:bg-muted" |
| 25 | > |
| 26 | <X className="h-4 w-4" /> |
| 27 | </Button> |
| 28 | </div> |
| 29 | <div className="flex flex-1 items-center justify-center p-6 text-center text-sm text-muted-foreground"> |
| 30 | Presentation agent chat is not part of this extracted build. |
| 31 | </div> |
| 32 | </div> |
| 33 | ); |
| 34 | } |
| 35 |