cavepedia/cavepediav2
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

attempt to fix chats not returning

Browse Source
This commit is contained in:
Paul Walko
2025-12-23 23:27:11 +01:00
parent e671242eca
commit 31a9e868e9
1 changed files with 19 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
web/src/app/page.tsx
View File

@@ -7,20 +7,29 @@ import { useUser } from "@auth0/nextjs-auth0/client";
import LoginButton from "@/components/LoginButton";
import LogoutButton from "@/components/LogoutButton";
// Separate component to safely use useCopilotChat hook
function ThinkingIndicator() {
// Block input and show indicator while agent is processing
function LoadingOverlay() {
try {
const { isLoading } = useCopilotChat();
if (!isLoading) return null;
return (
<div className="absolute bottom-24 left-1/2 transform -translate-x-1/2 bg-white shadow-lg rounded-full px-4 py-2 flex items-center gap-2 z-50">
<div className="flex gap-1">
<span className="w-2 h-2 bg-indigo-500 rounded-full animate-bounce" style={{ animationDelay: "0ms" }}></span>
<span className="w-2 h-2 bg-indigo-500 rounded-full animate-bounce" style={{ animationDelay: "150ms" }}></span>
<span className="w-2 h-2 bg-indigo-500 rounded-full animate-bounce" style={{ animationDelay: "300ms" }}></span>
<>
{/* Overlay to block input area */}
<div
className="absolute bottom-0 left-0 right-0 h-24 z-40"
style={{ pointerEvents: 'all' }}
onClick={(e) => e.stopPropagation()}
/>
{/* Thinking indicator */}
<div className="absolute bottom-24 left-1/2 transform -translate-x-1/2 bg-white shadow-lg rounded-full px-4 py-2 flex items-center gap-2 z-50">
<div className="flex gap-1">
<span className="w-2 h-2 bg-indigo-500 rounded-full animate-bounce" style={{ animationDelay: "0ms" }}></span>
<span className="w-2 h-2 bg-indigo-500 rounded-full animate-bounce" style={{ animationDelay: "150ms" }}></span>
<span className="w-2 h-2 bg-indigo-500 rounded-full animate-bounce" style={{ animationDelay: "300ms" }}></span>
</div>
<span className="text-sm text-gray-600">Thinking...</span>
</div>
<span className="text-sm text-gray-600">Thinking...</span>
</div>
</>
);
} catch {
return null;
@@ -121,7 +130,7 @@ export default function CopilotKitPage() {
className="h-full w-full"
/>
</div>
<ThinkingIndicator />
<LoadingOverlay />
</div>
</main>
);