@@ -54,55 +54,49 @@ export function Chat() {
54
54
} ;
55
55
56
56
return (
57
- < >
58
- < div className = "flex flex-col items-center justify-center min-h-screen bg-gray-100" >
59
- < main className = "flex flex-col items-center justify-center h-[80vh] w-full max-w-3xl p-4 bg-white rounded-lg shadow-md gap-5" >
60
- < BubbleList
61
- className = "px-4 w-full max-w-full"
62
- messages = { messages }
63
- background = "right-solid"
64
- isPending = { isPending }
65
- footer = {
66
- < Button
67
- onClick = { onClear }
68
- variant = "default"
69
- className = "self-center"
70
- >
71
- < MessageSquarePlus size = "1.1rem" />
72
- Start a new conversation
73
- </ Button >
74
- }
75
- />
76
- { messages . length === 0 && (
77
- < Prompts >
78
- < Prompt >
79
- < PromptTitle > Understanding the Transformer Model</ PromptTitle >
80
- < PromptDescription >
81
- Give a detailed analysis of the Transformer model.
82
- </ PromptDescription >
83
- </ Prompt >
84
- < Prompt size = "xs" >
85
- < PromptTitle > Understanding the Attention Mechanism</ PromptTitle >
86
- < PromptDescription >
87
- Explain the attention mechanism in neural networks.
88
- </ PromptDescription >
89
- </ Prompt >
90
- </ Prompts >
91
- ) }
92
- < Sender
93
- className = "w-full"
94
- initialMessage = { prompt }
95
- input = { input }
96
- onMessageChange = { setPrompt }
97
- toolbar = {
98
- < div className = "flex flex-row justify-between w-full" >
99
- < InputCount count = { prompt . length } limit = { 500 } />
100
- < FileUpload />
101
- </ div >
102
- }
103
- />
104
- </ main >
105
- </ div >
106
- </ >
57
+ < div className = "flex flex-col items-center justify-center min-h-screen bg-gray-100" >
58
+ < main className = "flex flex-col items-center justify-center h-[80vh] w-full max-w-3xl p-4 bg-white rounded-lg shadow-md gap-5" >
59
+ < BubbleList
60
+ className = "px-4 w-full max-w-full"
61
+ messages = { messages }
62
+ background = "right-solid"
63
+ isPending = { isPending }
64
+ footer = {
65
+ < Button onClick = { onClear } variant = "default" className = "self-center" >
66
+ < MessageSquarePlus size = "1.1rem" />
67
+ Start a new conversation
68
+ </ Button >
69
+ }
70
+ />
71
+ { messages . length === 0 && (
72
+ < Prompts >
73
+ < Prompt >
74
+ < PromptTitle > Understanding the Transformer Model</ PromptTitle >
75
+ < PromptDescription >
76
+ Give a detailed analysis of the Transformer model.
77
+ </ PromptDescription >
78
+ </ Prompt >
79
+ < Prompt size = "xs" >
80
+ < PromptTitle > Understanding the Attention Mechanism</ PromptTitle >
81
+ < PromptDescription >
82
+ Explain the attention mechanism in neural networks.
83
+ </ PromptDescription >
84
+ </ Prompt >
85
+ </ Prompts >
86
+ ) }
87
+ < Sender
88
+ className = "w-full"
89
+ initialMessage = { prompt }
90
+ input = { input }
91
+ onMessageChange = { setPrompt }
92
+ toolbar = {
93
+ < div className = "flex flex-row justify-between w-full" >
94
+ < InputCount count = { prompt . length } limit = { 500 } />
95
+ < FileUpload />
96
+ </ div >
97
+ }
98
+ />
99
+ </ main >
100
+ </ div >
107
101
) ;
108
102
}
0 commit comments