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 LoginButton from "@/components/LoginButton";
import LogoutButton from "@/components/LogoutButton"; import LogoutButton from "@/components/LogoutButton";
// Separate component to safely use useCopilotChat hook // Block input and show indicator while agent is processing
function ThinkingIndicator() { function LoadingOverlay() {
try { try {
const { isLoading } = useCopilotChat(); const { isLoading } = useCopilotChat();
if (!isLoading) return null; if (!isLoading) return null;
return ( 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"> {/* Overlay to block input area */}
<span className="w-2 h-2 bg-indigo-500 rounded-full animate-bounce" style={{ animationDelay: "0ms" }}></span> <div
<span className="w-2 h-2 bg-indigo-500 rounded-full animate-bounce" style={{ animationDelay: "150ms" }}></span> className="absolute bottom-0 left-0 right-0 h-24 z-40"
<span className="w-2 h-2 bg-indigo-500 rounded-full animate-bounce" style={{ animationDelay: "300ms" }}></span> 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> </div>
<span className="text-sm text-gray-600">Thinking...</span> </>
</div>
); );
} catch { } catch {
return null; return null;
@@ -121,7 +130,7 @@ export default function CopilotKitPage() {
className="h-full w-full" className="h-full w-full"
/> />
</div> </div>
<ThinkingIndicator /> <LoadingOverlay />
</div> </div>
</main> </main>
); );