add repo snapshot to agentic search and other ui nits

Author: msukkari

packages/web/src/app/[domain]/components/homepage/agenticSearch.tsx

@@ -13,6 +13,7 @@ import { DemoExamples } from "@/types";
 import { AskSourcebotDemoCards } from "./askSourcebotDemoCards";
 import { AgenticSearchTutorialDialog } from "./agenticSearchTutorialDialog";
 import { setAgenticSearchTutorialDismissedCookie } from "@/actions";
+import { RepositorySnapshot } from "./repositorySnapshot";
 
 interface AgenticSearchProps {
     searchModeSelectorProps: SearchModeSelectorProps;
@@ -80,6 +81,16 @@ export const AgenticSearch = ({
                 </div>
             </div>
 
+            <div className="mt-8">
+                <RepositorySnapshot
+                    repos={repos}
+                />
+            </div>
+
+            <div className="flex flex-col items-center w-fit gap-6">
+                <Separator className="mt-5 w-[700px]" />
+            </div>
+
             {demoExamples && (
                 <AskSourcebotDemoCards
                     demoExamples={demoExamples}

packages/web/src/app/[domain]/components/homepage/askSourcebotDemoCards.tsx

@@ -82,7 +82,7 @@ export const AskSourcebotDemoCards = ({
                 </p>
             )}
 
-            <div className="w-full mt-16 space-y-12 px-4 max-w-[1000px]">
+            <div className="w-full mt-8 space-y-12 px-4 max-w-[1200px]">
                 {/* Example Searches Row */}
                 <div className="space-y-4">
                     <div className="text-center mb-6">

packages/web/src/app/[domain]/components/homepage/repositorySnapshot.tsx

@@ -68,13 +68,14 @@ export function RepositorySnapshot({
     return (
         <div className="flex flex-col items-center gap-3">
             <span className="text-sm">
-                {`Search ${indexedRepos.length} `}
+                {`${indexedRepos.length} `}
                 <Link
                     href={`${domain}/repos`}
                     className="text-link hover:underline"
                 >
                     {indexedRepos.length > 1 ? 'repositories' : 'repository'}
                 </Link>
+                {` indexed`}
             </span>
             <RepositoryCarousel repos={indexedRepos} />
         </div>

packages/web/src/features/chat/components/chatThread/detailsCard.tsx

@@ -6,7 +6,7 @@ import { Separator } from '@/components/ui/separator';
 import { Skeleton } from '@/components/ui/skeleton';
 import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
 import { cn } from '@/lib/utils';
-import { Brain, ChevronDown, ChevronRight, Clock, Cpu, InfoIcon, Loader2, ScanSearchIcon, Zap } from 'lucide-react';
+import { Brain, ChevronDown, ChevronRight, Clock, Cpu, InfoIcon, Loader2, List, ScanSearchIcon, Zap } from 'lucide-react';
 import { MarkdownRenderer } from './markdownRenderer';
 import { FindSymbolDefinitionsToolComponent } from './tools/findSymbolDefinitionsToolComponent';
 import { FindSymbolReferencesToolComponent } from './tools/findSymbolReferencesToolComponent';
@@ -89,7 +89,7 @@ export const DetailsCard = ({
                                         )}
                                         {metadata?.modelName && (
                                             <div className="flex items-center text-xs">
-                                                <Cpu className="w-3 h-3 mr-1 flex-shrink-0" />
+                                                <Brain className="w-3 h-3 mr-1 flex-shrink-0" />
                                                 {metadata?.modelName}
                                             </div>
                                         )}
@@ -106,7 +106,7 @@ export const DetailsCard = ({
                                             </div>
                                         )}
                                         <div className="flex items-center text-xs">
-                                            <Brain className="w-3 h-3 mr-1 flex-shrink-0" />
+                                            <List className="w-3 h-3 mr-1 flex-shrink-0" />
                                             {`${thinkingSteps.length} step${thinkingSteps.length === 1 ? '' : 's'}`}
                                         </div>
                                     </>