diff --git a/components/assistant-ui/thread.tsx b/components/assistant-ui/thread.tsx index bd0ceaa..aab427f 100644 --- a/components/assistant-ui/thread.tsx +++ b/components/assistant-ui/thread.tsx @@ -1,11 +1,3 @@ -import { - ActionBarPrimitive, - BranchPickerPrimitive, - ComposerPrimitive, - ErrorPrimitive, - MessagePrimitive, - ThreadPrimitive, -} from "@assistant-ui/react"; import { ArrowDownIcon, ArrowUpIcon, @@ -17,20 +9,31 @@ import { RefreshCwIcon, Square, } from "lucide-react"; + +import { + ActionBarPrimitive, + BranchPickerPrimitive, + ComposerPrimitive, + ErrorPrimitive, + MessagePrimitive, + ThreadPrimitive, +} from "@assistant-ui/react"; + import type { FC } from "react"; +import { LazyMotion, MotionConfig, domAnimation } from "motion/react"; +import * as m from "motion/react-m"; +import { Button } from "@/components/ui/button"; +import { MarkdownText } from "@/components/assistant-ui/markdown-text"; +import { ToolFallback } from "@/components/assistant-ui/tool-fallback"; +import { TooltipIconButton } from "@/components/assistant-ui/tooltip-icon-button"; import { ComposerAddAttachment, ComposerAttachments, UserMessageAttachments, } from "@/components/assistant-ui/attachment"; -import { MarkdownText } from "@/components/assistant-ui/markdown-text"; -import { ToolFallback } from "@/components/assistant-ui/tool-fallback"; -import { TooltipIconButton } from "@/components/assistant-ui/tooltip-icon-button"; -import { Button } from "@/components/ui/button"; + import { cn } from "@/lib/utils"; -import { LazyMotion, MotionConfig, domAnimation } from "motion/react"; -import * as m from "motion/react-m"; export const Thread: FC = () => { return ( @@ -43,7 +46,9 @@ export const Thread: FC = () => { }} > - + + + { AssistantMessage, }} /> +
+ @@ -79,37 +86,36 @@ const ThreadScrollToBottom: FC = () => { const ThreadWelcome: FC = () => { return ( - -
-
-
- - Hello there! - - - How can I help you today? - -
+
+
+
+ + Hello there! + + + How can I help you today? +
- + +
); }; -const ThreadWelcomeSuggestions: FC = () => { +const ThreadSuggestions: FC = () => { return ( -
+
{[ { title: "What's the weather", @@ -142,8 +148,7 @@ const ThreadWelcomeSuggestions: FC = () => { >