mirror of
https://github.com/MODSetter/SurfSense.git
synced 2026-04-26 01:06:23 +02:00
3ccb0bc7bb
- Updated the welcome dialog in podcast generation to reflect the correct podcast title. - Improved the Dashboard layout by adding an indicator for active chats on the researcher page. - Enhanced the breadcrumb component to fetch and display chat details dynamically. - Adjusted the chat panel width for better visibility. - Introduced animations and improved user interactions in the chat panel and podcast player components. - Updated the ConfigModal to provide clearer instructions for user input.
68 lines
2.2 KiB
TypeScript
68 lines
2.2 KiB
TypeScript
"use client";
|
|
import { useAtom, useAtomValue } from "jotai";
|
|
import { LoaderIcon, PanelRight, TriangleAlert } from "lucide-react";
|
|
import { toast } from "sonner";
|
|
import { generatePodcast } from "@/lib/apis/podcast-apis";
|
|
import { cn } from "@/lib/utils";
|
|
import { activeChatAtom, activeChatIdAtom } from "@/stores/chat/active-chat.atom";
|
|
import { chatUIAtom } from "@/stores/chat/chat-ui.atom";
|
|
import { ChatPanelView } from "./ChatPanelView";
|
|
|
|
export interface GeneratePodcastRequest {
|
|
type: "CHAT" | "DOCUMENT";
|
|
ids: number[];
|
|
search_space_id: number;
|
|
podcast_title?: string;
|
|
user_prompt?: string;
|
|
}
|
|
|
|
export function ChatPanelContainer() {
|
|
const {
|
|
data: activeChatState,
|
|
isLoading: isChatLoading,
|
|
error: chatError,
|
|
} = useAtomValue(activeChatAtom);
|
|
const activeChatIdState = useAtomValue(activeChatIdAtom);
|
|
const authToken = localStorage.getItem("surfsense_bearer_token");
|
|
const { isChatPannelOpen } = useAtomValue(chatUIAtom);
|
|
|
|
const handleGeneratePodcast = async (request: GeneratePodcastRequest) => {
|
|
try {
|
|
if (!authToken) {
|
|
throw new Error("Authentication error. Please log in again.");
|
|
}
|
|
await generatePodcast(request, authToken);
|
|
toast.success(`Podcast generation started!`);
|
|
} catch (error) {
|
|
toast.error("Error generating podcast. Please log in again.");
|
|
console.error("Error generating podcast:", error);
|
|
}
|
|
};
|
|
|
|
return activeChatIdState ? (
|
|
<div
|
|
className={cn(
|
|
"shrink-0 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 flex flex-col h-full transition-all",
|
|
isChatPannelOpen ? "w-96" : "w-0"
|
|
)}
|
|
>
|
|
{isChatLoading || chatError ? (
|
|
<div className="border-b p-2">
|
|
{isChatLoading ? (
|
|
<div title="Loading chat" className="flex items-center justify-center h-full">
|
|
<LoaderIcon strokeWidth={1.5} className="h-5 w-5 animate-spin" />
|
|
</div>
|
|
) : chatError ? (
|
|
<div title="Failed to load chat" className="flex items-center justify-center h-full">
|
|
<TriangleAlert strokeWidth={1.5} className="h-5 w-5 text-red-600" />
|
|
</div>
|
|
) : null}
|
|
</div>
|
|
) : null}
|
|
|
|
{!isChatLoading && !chatError && activeChatState?.chatDetails && (
|
|
<ChatPanelView generatePodcast={handleGeneratePodcast} />
|
|
)}
|
|
</div>
|
|
) : null;
|
|
}
|