import React, { useState, useEffect } from 'react'; import { Calendar, MessageSquareText, Folder, Share2, Sparkles, Copy, Check, Target, LoaderCircle, AlertCircle, } from 'lucide-react'; import { defineMessages, useIntl } from '../../i18n'; import { resumeSession } from '../../sessions'; import { Button } from '../ui/button'; import { toast } from 'react-toastify'; import { MainPanelLayout } from '../Layout/MainPanelLayout'; import { ScrollArea } from '../ui/scroll-area'; import { formatMessageTimestamp } from '../../utils/timeUtils'; import { createSharedSession } from '../../sharedSessions'; import { errorMessage } from '../../utils/conversionUtils'; import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from '../ui/dialog'; import ProgressiveMessageList from '../ProgressiveMessageList'; import { SearchView } from '../conversation/SearchView'; import BackButton from '../ui/BackButton'; import { Tooltip, TooltipContent, TooltipTrigger } from '../ui/Tooltip'; import { Message, Session } from '../../api'; import { useNavigation } from '../../hooks/useNavigation'; const i18n = defineMessages({ errorLoadingDetails: { id: 'sessionHistory.error.loading', defaultMessage: 'Error Loading Session Details', }, tryAgain: { id: 'sessionHistory.error.tryAgain', defaultMessage: 'Try Again', }, searchPlaceholder: { id: 'sessionHistory.searchPlaceholder', defaultMessage: 'Search history...', }, noMessages: { id: 'sessionHistory.empty.title', defaultMessage: 'No messages found', }, noMessagesDesc: { id: 'sessionHistory.empty.description', defaultMessage: "This session doesn't contain any messages", }, loadingDetails: { id: 'sessionHistory.loading', defaultMessage: 'Loading session details...', }, sharing: { id: 'sessionHistory.sharing', defaultMessage: 'Sharing...', }, share: { id: 'sessionHistory.share', defaultMessage: 'Share', }, shareTooltip: { id: 'sessionHistory.shareTooltip', defaultMessage: 'To enable session sharing, go to Settings > Session > Session Sharing.', }, resume: { id: 'sessionHistory.resume', defaultMessage: 'Resume', }, shareSessionTitle: { id: 'sessionHistory.shareModal.title', defaultMessage: 'Share Session (beta)', }, shareSessionDescription: { id: 'sessionHistory.shareModal.description', defaultMessage: 'Share this session link to give others a read only view of your goose chat.', }, copy: { id: 'sessionHistory.copy', defaultMessage: 'Copy', }, cancel: { id: 'sessionHistory.cancel', defaultMessage: 'Cancel', }, failedToShare: { id: 'sessionHistory.toast.shareFailed', defaultMessage: 'Failed to share session: {error}', }, failedToCopy: { id: 'sessionHistory.toast.copyFailed', defaultMessage: 'Failed to copy link to clipboard', }, couldNotLaunch: { id: 'sessionHistory.toast.launchFailed', defaultMessage: 'Could not launch session: {error}', }, }); const isUserMessage = (message: Message): boolean => { if (message.role === 'assistant') { return false; } return !message.content.every( (c) => c.type === 'actionRequired' && c.data.actionType === 'toolConfirmation' ); }; const filterMessagesForDisplay = (messages: Message[]): Message[] => { return messages; }; interface SessionHistoryViewProps { session: Session; isLoading: boolean; error: string | null; onBack: () => void; onRetry: () => void; showActionButtons?: boolean; } // Custom SessionHeader component similar to SessionListView style const SessionHeader: React.FC<{ onBack: () => void; children: React.ReactNode; title: string; actionButtons?: React.ReactNode; }> = ({ onBack, children, title, actionButtons }) => { return (

{title}

{children}

{actionButtons &&

{actionButtons}

}

); }; const SessionMessages: React.FC<{ messages: Message[]; isLoading: boolean; error: string | null; onRetry: () => void; }> = ({ messages, isLoading, error, onRetry }) => { const intl = useIntl(); const filteredMessages = filterMessagesForDisplay(messages); return (

{isLoading ? (

) : error ? (

{intl.formatMessage(i18n.errorLoadingDetails)}

{error}

) : filteredMessages?.length > 0 ? (

{}} // Read-only for session history isUserMessage={isUserMessage} // Use the same function as BaseChat batchSize={15} // Same as BaseChat default batchDelay={30} // Same as BaseChat default showLoadingThreshold={30} // Same as BaseChat default />

) : (

{intl.formatMessage(i18n.noMessages)}

{intl.formatMessage(i18n.noMessagesDesc)}

)}

); }; const SessionHistoryView: React.FC = ({ session, isLoading, error, onBack, onRetry, showActionButtons = true, }) => { const [isShareModalOpen, setIsShareModalOpen] = useState(false); const [shareLink, setShareLink] = useState(''); const [isSharing, setIsSharing] = useState(false); const [isCopied, setIsCopied] = useState(false); const [canShare, setCanShare] = useState(false); const intl = useIntl(); const messages = session.conversation || []; const setView = useNavigation(); useEffect(() => { window.electron.getSetting('sessionSharing').then((config) => { if (config.enabled && config.baseUrl) { setCanShare(true); } }); }, []); const handleShare = async () => { setIsSharing(true); try { const config = await window.electron.getSetting('sessionSharing'); if (!config.enabled || !config.baseUrl) { throw new Error('Session sharing is not enabled or base URL is not configured.'); } const shareToken = await createSharedSession( config.baseUrl, session.working_dir, messages, session.name || 'Shared Session', session.total_tokens || 0 ); const shareableLink = `goose://sessions/${shareToken}`; setShareLink(shareableLink); setIsShareModalOpen(true); } catch (error) { console.error('Error sharing session:', error); toast.error(intl.formatMessage(i18n.failedToShare, { error: errorMessage(error, 'Unknown error') })); } finally { setIsSharing(false); } }; const handleCopyLink = () => { navigator.clipboard .writeText(shareLink) .then(() => { setIsCopied(true); setTimeout(() => setIsCopied(false), 2000); }) .catch((err) => { console.error('Failed to copy link:', err); toast.error(intl.formatMessage(i18n.failedToCopy)); }); }; const handleResumeSession = () => { try { resumeSession(session, setView); } catch (error) { toast.error(intl.formatMessage(i18n.couldNotLaunch, { error: errorMessage(error) })); } }; const actionButtons = showActionButtons ? ( <> {!canShare ? (

{intl.formatMessage(i18n.shareTooltip, { b: (chunks: React.ReactNode) => {chunks}, })}

) : null} ) : null; return ( <>

{!isLoading ? ( <>

{formatMessageTimestamp(messages[0]?.created)} {session.message_count} {session.total_tokens !== null && ( {(session.total_tokens || 0).toLocaleString()} )}

{session.working_dir}

) : (

{intl.formatMessage(i18n.loadingDetails)}

)}

); }; export default SessionHistoryView;