Fix build errors

Author: brendan-kellam

packages/web/src/app/[domain]/browse/layout.tsx

@@ -8,9 +8,7 @@ import { FileTreePanel } from "@/features/fileTree/components/fileTreePanel";
 import { TopBar } from "@/app/[domain]/components/topBar";
 import { useBrowseParams } from "./hooks/useBrowseParams";
 import { FileSearchCommandDialog } from "./components/fileSearchCommandDialog";
-import { useBrowseState } from "./hooks/useBrowseState";
 import { useDomain } from "@/hooks/useDomain";
-import { useBrowseNavigation } from "./hooks/useBrowseNavigation";
 import { SearchBar } from "../components/searchBar";
 
 interface LayoutProps {
@@ -20,25 +18,11 @@ interface LayoutProps {
 export default function Layout({
     children,
 }: LayoutProps) {
-    return (
-        <BrowseStateProvider>
-            <InnerLayout>
-                {children}
-            </InnerLayout>
-        </BrowseStateProvider>
-    );
-}
-
-const InnerLayout = ({
-    children
-}: LayoutProps) => {
     const { repoName, revisionName } = useBrowseParams();
-    const { state: { isFileSearchOpen }, updateBrowseState } = useBrowseState();
-    const { navigateToPath } = useBrowseNavigation();
     const domain = useDomain();
 
     return (
-        <>
+        <BrowseStateProvider>
             <div className="flex flex-col h-screen">
                 <TopBar
                     domain={domain}
@@ -79,24 +63,7 @@ const InnerLayout = ({
                     </ResizablePanel>
                 </ResizablePanelGroup>
             </div>
-            <FileSearchCommandDialog
-                repoName={repoName}
-                revisionName={revisionName}
-                isOpen={isFileSearchOpen}
-                onOpenChange={(isOpen) => {
-                    updateBrowseState({
-                        isFileSearchOpen: isOpen,
-                    });
-                }}
-                onSelect={(file) => {
-                    navigateToPath({
-                        repoName,
-                        revisionName,
-                        path: file.path,
-                        pathType: 'blob',
-                    });
-                }}
-            />
-        </>
-    )
+            <FileSearchCommandDialog />
+        </BrowseStateProvider>
+    );
 }

packages/web/src/app/[domain]/chat/components/chatSidePanel.tsx

@@ -7,7 +7,6 @@ import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigge
 import { ResizablePanel } from "@/components/ui/resizable";
 import { ScrollArea } from "@/components/ui/scroll-area";
 import { Separator } from "@/components/ui/separator";
-import { Skeleton } from "@/components/ui/skeleton";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
 import { deleteChat, updateChatName } from "@/features/chat/actions";
 import { useDomain } from "@/hooks/useDomain";
@@ -263,24 +262,3 @@ export const ChatSidePanel = ({
         </>
     )
 }
-
-const ChatHistorySkeleton = () => {
-    return (
-        <div className="flex flex-col gap-1">
-            {Array.from({ length: 20 }).map((_, index) => (
-                <Skeleton
-                    key={index}
-                    className={cn(
-                        "h-7 rounded-md",
-                        index % 6 === 0 ? "w-[70%]" :
-                            index % 6 === 1 ? "w-[85%]" :
-                                index % 6 === 2 ? "w-full" :
-                                    index % 6 === 3 ? "w-[85%]" :
-                                        index % 6 === 4 ? "w-[70%]" :
-                                            "w-[85%]"
-                    )}
-                />
-            ))}
-        </div>
-    )
-}   

packages/web/src/app/[domain]/chat/components/renameChatDialog.tsx

@@ -32,7 +32,7 @@ export const RenameChatDialog = ({ isOpen, onOpenChange, onRename, currentName }
         form.reset({
             name: currentName,
         });
-    }, [currentName]);
+    }, [currentName, form]);
 
     const onSubmit = (data: z.infer<typeof formSchema>) => {
         onRename(data.name);

packages/web/src/features/chat/components/chatBox/chatBoxToolbar.tsx

@@ -7,7 +7,7 @@ import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip
 import { LanguageModelInfo } from "@/features/chat/types";
 import { RepositoryQuery } from "@/lib/types";
 import { AtSignIcon } from "lucide-react";
-import { useCallback, useEffect } from "react";
+import { useCallback } from "react";
 import { useHotkeys } from "react-hotkeys-hook";
 import { ReactEditor, useSlate } from "slate-react";
 import { useSelectedLanguageModel } from "../../useSelectedLanguageModel";

packages/web/src/features/chat/components/chatBox/suggestionsBox.tsx

@@ -1,14 +1,12 @@
 'use client';
 
-import { createPortal } from "react-dom";
-import { FileSuggestion, RefineSuggestion, RepoSuggestion, Suggestion } from "./types";
-import { forwardRef, useMemo } from "react";
-import { Skeleton } from "@/components/ui/skeleton";
-import { cn, getCodeHostInfoForRepo } from "@/lib/utils";
 import { VscodeFileIcon } from "@/app/components/vscodeFileIcon";
-import Image from "next/image";
-import { BookIcon } from "lucide-react";
-import { VscFiles, VscRepo } from "react-icons/vsc";
+import { Skeleton } from "@/components/ui/skeleton";
+import { cn } from "@/lib/utils";
+import { forwardRef, useMemo } from "react";
+import { createPortal } from "react-dom";
+import { VscFiles } from "react-icons/vsc";
+import { FileSuggestion, RefineSuggestion, Suggestion } from "./types";
 
 interface SuggestionBoxProps {
     selectedIndex: number;
@@ -68,11 +66,6 @@ export const SuggestionBox = forwardRef<HTMLDivElement, SuggestionBoxProps>(({
                                             <RefineSuggestionListItem refine={suggestion} />
                                         )
                                     }
-                                    {
-                                        suggestion.type === 'repo' && (
-                                            <RepoSuggestionListItem repo={suggestion} />
-                                        )
-                                    }
                                 </div>
                             ))}
                         </div>
@@ -105,8 +98,6 @@ const RefineSuggestionListItem = ({ refine }: { refine: RefineSuggestion }) => {
 
     const Icon = useMemo(() => {
         switch (refine.targetSuggestionMode) {
-            case 'repo':
-                return VscRepo;
             case 'file':
                 return VscFiles;
         }
@@ -126,32 +117,3 @@ const RefineSuggestionListItem = ({ refine }: { refine: RefineSuggestion }) => {
         </>
     )
 }
-
-const RepoSuggestionListItem = ({ repo }: { repo: RepoSuggestion }) => {
-    const info = getCodeHostInfoForRepo({
-        codeHostType: repo.codeHostType,
-        name: repo.name,
-    });
-
-    return (
-        <>
-            {info?.icon ? (
-                <Image
-                    src={info.icon}
-                    alt={info.codeHostName}
-                    className={`w-4 h-4 ${info.iconClassName} flex-shrink-0 mt-1`}
-                />
-            ) : (
-                <BookIcon className="w-4 h-4 flex-shrink-0 mt-1" />
-            )}
-            <div className="flex flex-col w-full">
-                <span className="text-sm font-medium">
-                    {repo.name.split('/').pop()}
-                </span>
-                <span className="text-xs text-muted-foreground">
-                    {repo.name}
-                </span>
-            </div>
-        </>
-    )
-}

packages/web/src/features/chat/components/chatBox/useSuggestionModeAndQuery.ts

@@ -62,16 +62,6 @@ export const useSuggestionModeAndQuery = () => {
             };
         }
 
-        // Repo mode.
-        match = text.match(/^@repo:(.*)$/);
-        if (match) {
-            return {
-                suggestionMode: "repo",
-                suggestionQuery: match[1],
-                range,
-            };
-        }
-
         // If the user starts typing, fallback to file mode.
         // In the future, it would be nice to have a "all" mode that
         // searches across all mode types.

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

@@ -134,7 +134,6 @@ export const AnswerCard = forwardRef<HTMLDivElement, AnswerCardProps>(({
                 <MarkdownRenderer
                     ref={markdownRendererRef}
                     content={answerText}
-                    isStreaming={false}
                     // scroll-mt offsets the scroll position for headings to take account
                     // of the sticky "answer" header.
                     className="prose prose-sm max-w-none prose-headings:scroll-mt-14"

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

@@ -250,7 +250,6 @@ export const ChatThreadListItem = forwardRef<HTMLDivElement, ChatThreadListItemP
                             )}
                             <MarkdownRenderer
                                 content={`**${userQuestion.trim()}**`}
-                                isStreaming={false}
                                 className="prose-p:m-0"
                             />
                         </div>
@@ -359,7 +358,6 @@ export const ChatThreadListItem = forwardRef<HTMLDivElement, ChatThreadListItemP
                                                                     <MarkdownRenderer
                                                                         key={index}
                                                                         content={part.text}
-                                                                        isStreaming={isStreaming}
                                                                         className="text-sm"
                                                                     />
                                                                 )

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

@@ -38,12 +38,13 @@ export const CodeFoldingExpandButton = ({
         } else {
             onExpand(direction);
         }
-    }, []);
+    }, [onExpand]);
 
     return (
         <>
-            {expandDirections.map((direction) => (
+            {expandDirections.map((direction, index) => (
                 <div
+                    key={index}
                     className="py-[3px] px-1.5 bg-chat-reference hover:bg-chat-reference-hover cursor-pointer" onClick={() => onClick(direction)}
                 >
                     {direction === 'up' && <PiArrowLineUp className="w-4 h-4" />}

packages/web/src/features/chat/components/chatThread/codeFoldingExtension.test.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { expect, test, describe } from 'vitest'
 import { 
     calculateVisibleRanges,