conversation-demo

1"use client"
2 
3import { useEffect, useState } from "react"
4 
5import { Card } from "@/components/ui/card"
6import {
7  Conversation,
8  ConversationContent,
9  ConversationEmptyState,
10  ConversationScrollButton,
11} from "@/components/ui/conversation"
12import { Message, MessageContent } from "@/components/ui/message"
13import { Orb } from "@/components/ui/orb"
14import { Response } from "@/components/ui/response"
15 
16const allMessages = [
17  {
18    id: "1",
19    role: "user" as const,
20    parts: [
21      {
22        type: "text",
23        text: "Hey, I need help with my order",
24      },
25    ],
26  },
27  {
28    id: "2",
29    role: "assistant" as const,
30    parts: [
31      {
32        type: "text",
33        tokens: [
34          "Hi!",
35          " I'd",
36          " be",
37          " happy",
38          " to",
39          " help",
40          " you",
41          " with",
42          " your",
43          " order.",
44          " Could",
45          " you",
46          " please",
47          " provide",
48          " your",
49          " order",
50          " number?",
51        ],
52        text: "Hi! I'd be happy to help you with your order. Could you please provide your order number?",
53      },
54    ],
55  },
56  {
57    id: "3",
58    role: "user" as const,
59    parts: [
60      {
61        type: "text",
62        text: "It's ORDER-12345",
63      },
64    ],
65  },
66  {
67    id: "4",
68    role: "assistant" as const,
69    parts: [
70      {
71        type: "text",
72        tokens: [
73          "Thank",
74          " you!",
75          " Let",
76          " me",
77          " pull",
78          " up",
79          " your",
80          " order",
81          " details.",
82          " I",
83          " can",
84          " see",
85          " that",
86          " your",
87          " order",
88          " was",
89          " placed",
90          " on",
91          " March",
92          " 15th",
93          " and",
94          " is",
95          " currently",
96          " being",
97          " processed.",
98          " It",
99          " should",
100          " ship",
101          " within",
102          " the",
103          " next",
104          " 1-2",
105          " business",
106          " days.",
107          " Is",
108          " there",
109          " anything",
110          " specific",
111          " you'd",
112          " like",
113          " to",
114          " know",
115          " about",
116          " this",
117          " order?",
118        ],
119// … truncated