Add sserver actions

surfsense_web/components/chat/ChatPannel/ChatPanelContainer.tsx

@@ -0,0 +1,49 @@
+import { PanelRight } from "lucide-react";
+import { useContext } from "react";
+import { cn } from "@/lib/utils";
+import { chatInterfaceContext } from "../ChatInterface";
+import { generatePodCastAction, getChatPodcastPromise } from "./actions";
+import { ChatPanelView } from "./ChatPanelView";
+
+export interface PodCastInterface {
+	title: string;
+	podcast_transcript: string;
+	search_space_id: string;
+}
+
+export function ChatPanelContainer() {
+	const context = useContext(chatInterfaceContext);
+
+	if (!context) {
+		throw new Error("chatInterfaceContext must be used within a ChatProvider");
+	}
+
+	const { isChatPannelOpen, setIsChatPannelOpen, chat_id: chatId } = context;
+	return chatId && chatId !== "" ? (
+		<div
+			className={cn(
+				"border rounded-2xl shrink-0 bg-sidebar flex flex-col h-full transition-all",
+				isChatPannelOpen ? "w-72" : "w-14"
+			)}
+		>
+			<div
+				className={cn(
+					"w-full border-b p-2 flex items-center transition-all ",
+					isChatPannelOpen ? "justify-end" : " justify-center "
+				)}
+			>
+				<button
+					type="button"
+					onClick={() => setIsChatPannelOpen(!isChatPannelOpen)}
+					className={cn(" shrink-0 rounded-full p-2 w-fit hover:bg-muted")}
+				>
+					<PanelRight className="h-5 w-5" strokeWidth={1.5} />
+				</button>
+			</div>
+
+			<div className="border-b rounded-lg grow-1">
+				<ChatPanelView chat_id={chatId} />
+			</div>
+		</div>
+	) : null;
+}

surfsense_web/components/chat/ChatPannel/ChatPanelView.tsx

@@ -7,10 +7,10 @@ import { chatInterfaceContext } from "../ChatInterface";
 import { ConfigModal } from "./ConfigModal";
 
 interface ChatPanelViewProps {
-	chatId: string;
+	chat_id: string;
 }
 
-export default function ChatPanelView({ chatId }: ChatPanelViewProps) {
+export function ChatPanelView({ chat_id: chatId }: ChatPanelViewProps) {
 	const context = useContext(chatInterfaceContext);
 	if (!context) {
 		throw new Error("chatInterfaceContext must be used within a ChatProvider");

surfsense_web/components/chat/ChatPannel/ChatPannelContainer.tsx

@@ -1,9 +0,0 @@
-import ChatPanelView from "./ChatPanelView";
-
-interface ChatPanelContainerProps {
-	chatId: string;
-}
-
-export function ChatPanelContainer({ chatId }: ChatPanelContainerProps) {
-	return <ChatPanelView chatId={chatId} />;
-}

surfsense_web/components/chat/ChatPannel/actions.ts

@@ -0,0 +1,15 @@
+"use server";
+
+import type { PodCastInterface } from "./ChatPanelContainer";
+
+export const generatePodCastAction = async (formData: { prompt: string; chatId: string }) => {
+	console.log("Generating podcast");
+};
+
+export const getChatPodcastPromise = async (chatId: string): Promise<PodCastInterface> => {
+	return Promise.resolve({
+		title: "Test",
+		podcast_transcript: "Test",
+		search_space_id: "Test",
+	});
+};