feat: merge features and fixes from prior version of thinkex

package.json

@@ -89,6 +89,7 @@
     "ai": "^6.0.5",
     "assistant-cloud": "^0.1.12",
     "better-auth": "^1.4.10",
+    "canvas-confetti": "^1.9.4",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "1.1.1",
@@ -135,6 +136,7 @@
     "@eslint/eslintrc": "^3.3.3",
     "@tailwindcss/postcss": "^4.1.18",
     "@types/bun": "^1.3.5",
+    "@types/canvas-confetti": "^1.9.0",
     "@types/node": "^24.10.4",
     "@types/pg": "^8.16.0",
     "@types/react": "19.2.2",

src/app/api/chat/route.ts

@@ -201,6 +201,7 @@ export async function POST(req: Request) {
       userId,
       activeFolderId,
       clientTools: body.tools,
+      messages: cleanedMessages, // For quiz context extraction
     });
 
     // Stream the response

src/app/api/deep-research/status/route.ts

@@ -1,18 +1,15 @@
 import { GoogleGenAI } from "@google/genai";
 import { NextRequest, NextResponse } from "next/server";
-
+import { logger } from "@/lib/utils/logger";
 // Initialize client
 const apiKey = process.env.GOOGLE_GENERATIVE_AI_API_KEY;
 if (!apiKey) {
     console.error("GOOGLE_GENERATIVE_AI_API_KEY is not set");
 }
-
 const client = new GoogleGenAI({
     apiKey: apiKey,
 });
-
 export const dynamic = 'force-dynamic';
-
 /**
  * GET /api/deep-research/status
  * Poll endpoint to check the status of a deep research interaction
@@ -21,45 +18,57 @@ export const dynamic = 'force-dynamic';
 export async function GET(req: NextRequest) {
     const searchParams = req.nextUrl.searchParams;
     const interactionId = searchParams.get("interactionId");
-
     if (!interactionId) {
         return NextResponse.json({ error: "interactionId is required" }, { status: 400 });
     }
-
     try {
         // Get the interaction without streaming - this returns the current state
         const interaction = await client.interactions.get(interactionId);
-
+        // DEBUG: Log the entire raw interaction object (optional, kept minimal)
+        logger.debug('[DEEP-RESEARCH-STATUS] ========== RAW INTERACTION PAYLOAD ==========');
+        logger.debug('[DEEP-RESEARCH-STATUS] Interaction ID:', interactionId);
+        logger.debug('[DEEP-RESEARCH-STATUS] State object:', (interaction as any).state);
+        logger.debug('[DEEP-RESEARCH-STATUS] Status field:', (interaction as any).status);
         // Extract status from interaction - check multiple possible properties
-        const rawStatus = (interaction as any).state?.status || 
-                         (interaction as any).status || 
-                         "unknown";
-
+        const rawStatus = (interaction as any).state?.status ||
+            (interaction as any).status ||
+            "unknown";
         // Collect thoughts and report from events or content
         const thoughts: string[] = [];
         let report = "";
         let error: string | undefined = undefined;
-
-        // Try to get content directly first (if API returns full content)
-        if ((interaction as any).content) {
+        // PRIMARY: Extract from outputs array (this is where the API actually returns data)
+        const outputs = (interaction as any).outputs || [];
+        for (const output of outputs) {
+            if (output.type === "text" && output.text) {
+                // This is the final report
+                report = output.text;
+            } else if (output.type === "thought" && output.summary) {
+                // This contains the thought summaries
+                for (const thought of output.summary) {
+                    if (thought.text && typeof thought.text === "string" && !thoughts.includes(thought.text)) {
+                        thoughts.push(thought.text);
+                    }
+                }
+            }
+        }
+        // FALLBACK: Try to get content directly (legacy format)
+        if (!report && (interaction as any).content) {
             const content = (interaction as any).content;
             if (typeof content === "string") {
                 report = content;
             } else if (Array.isArray(content)) {
-                // Content might be an array of content blocks
                 for (const block of content) {
                     if (block.type === "text" && block.text) {
                         report += block.text;
                     }
                 }
             }
         }
-
-        // Process events to extract thoughts and report content
+        // FALLBACK: Process events to extract thoughts and report content (legacy format)
         const events = (interaction as any).events || [];
         for (const event of events) {
             const eventType = event.event_type || event.type;
-
             if (eventType === "content.delta") {
                 const delta = event.delta || {};
                 if (delta.type === "text" && delta.text) {
@@ -72,12 +81,9 @@ export async function GET(req: NextRequest) {
                 }
             } else if (eventType === "interaction.failed" || eventType === "interaction_failed") {
                 error = event.error?.message || event.error || "Research failed";
-            } else if (eventType === "interaction.complete" || eventType === "interaction_complete") {
-                // Research completed
             }
         }
-
-        // Also check for thoughts in other possible locations
+        // FALLBACK: Also check for thoughts in other possible locations
         if ((interaction as any).thoughts && Array.isArray((interaction as any).thoughts)) {
             for (const thought of (interaction as any).thoughts) {
                 const thoughtText = typeof thought === "string" ? thought : thought?.text || thought?.content;
@@ -86,7 +92,6 @@ export async function GET(req: NextRequest) {
                 }
             }
         }
-
         // Map Google's status to our status format
         let mappedStatus: "researching" | "complete" | "failed" = "researching";
         const statusLower = String(rawStatus).toLowerCase();
@@ -95,7 +100,6 @@ export async function GET(req: NextRequest) {
         } else if (statusLower === "failed" || statusLower === "error" || error) {
             mappedStatus = "failed";
         }
-
         return NextResponse.json({
             status: mappedStatus,
             thoughts,
@@ -105,7 +109,7 @@ export async function GET(req: NextRequest) {
     } catch (error: any) {
         console.error("[DEEP_RESEARCH_STATUS] Error:", error);
         return NextResponse.json(
-            { 
+            {
                 error: error?.message || "Failed to retrieve interaction status",
                 status: "failed" as const,
             },

src/app/globals.css

@@ -1224,4 +1224,37 @@ body.marquee-selecting iframe {
 body:has(.card-detail-modal) .workspace-grid-container {
   opacity: 0;
   pointer-events: none;
-}
+}
+/* Animated gradient border - rotates colors around the border in a circle */
+@keyframes gradient-rotate {
+  0% { background-position: 0% 0%; }
+  25% { background-position: 100% 0%; }
+  50% { background-position: 100% 100%; }
+  75% { background-position: 0% 100%; }
+  100% { background-position: 0% 0%; }
+}
+.gradient-border-animated {
+  background: linear-gradient(
+    90deg,
+    #ef444480,
+    #eab30880,
+    #22c55e80,
+    #3b82f680,
+    #a855f780,
+    #ef444480
+  );
+  background-size: 200% 200%;
+  animation: gradient-rotate 10s ease-in-out infinite;
+}
+/* Ensure markdown content in cards looks good */
+.prose {
+  max-width: none;
+}
+.prose p {
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+}
+.prose h1, .prose h2, .prose h3 {
+  margin-top: 1em;
+  margin-bottom: 0.5em;
+}