From 393bb9c842345100e68071eedcd378fbaf35058a Mon Sep 17 00:00:00 2001
From: Suraj Jha <getsurajjha@gmail.com>
Date: Tue, 19 Aug 2025 00:04:43 +0545
Subject: [PATCH] update: add thinking badge before outline stream

---
 .../outline/components/OutlineContent.tsx              | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/servers/nextjs/app/(presentation-generator)/outline/components/OutlineContent.tsx b/servers/nextjs/app/(presentation-generator)/outline/components/OutlineContent.tsx
index ed150d01..6f2043ad 100644
--- a/servers/nextjs/app/(presentation-generator)/outline/components/OutlineContent.tsx
+++ b/servers/nextjs/app/(presentation-generator)/outline/components/OutlineContent.tsx
@@ -15,7 +15,7 @@ import {
 } from "@dnd-kit/sortable";
 import { OutlineItem } from "./OutlineItem";
 import { Button } from "@/components/ui/button";
-import { FileText } from "lucide-react";
+import { FileText, Loader2 } from "lucide-react";
 import { usePathname } from "next/navigation";
 import { trackEvent, MixpanelEvent } from "@/utils/mixpanel";
 
@@ -45,6 +45,14 @@ const OutlineContent: React.FC<OutlineContentProps> = ({
 
     return (
         <div className="space-y-6 font-instrument_sans">
+            {isLoading && (!outlines || outlines.length === 0) && (
+                <div className="flex items-center justify-center">
+                    <span className="inline-flex items-center gap-1 rounded-full border border-blue-200 bg-blue-50 text-blue-600 px-2 py-0.5 text-xs">
+                        <Loader2 className="h-3 w-3 animate-spin" />
+                        Thinking
+                    </span>
+                </div>
+            )}
             {/* <div className="flex items-center justify-between">
                 <h5 className="text-lg font-medium">
                     Presentation Outline