@@ -127,25 +127,25 @@ const SUGGESTIONS: {
127127 prompt : string ;
128128 icon : IconName ;
129129} [ ] = [
130- {
131- title : "Short prompt" ,
132- label : "like 100 words" ,
133- prompt : "Summarize the second world war in 100 words" ,
134- icon : "Bell" ,
135- } ,
136- {
137- title : "What's the weather" ,
138- label : "in San Francisco?" ,
139- prompt : "What's the weather in San Francisco?" ,
140- icon : "Bell" ,
141- } ,
142- {
143- title : "Explain React hooks" ,
144- label : "like useState and useEffect" ,
145- prompt : "Explain React hooks like useState and useEffect" ,
146- icon : "Code" ,
147- } ,
148- ] ;
130+ {
131+ title : "Short prompt" ,
132+ label : "like 100 words" ,
133+ prompt : "Summarize the second world war in 100 words" ,
134+ icon : "Bell" ,
135+ } ,
136+ {
137+ title : "What's the weather" ,
138+ label : "in San Francisco?" ,
139+ prompt : "What's the weather in San Francisco?" ,
140+ icon : "Bell" ,
141+ } ,
142+ {
143+ title : "Explain React hooks" ,
144+ label : "like useState and useEffect" ,
145+ prompt : "Explain React hooks like useState and useEffect" ,
146+ icon : "Code" ,
147+ } ,
148+ ] ;
149149
150150const ThreadSuggestions : FC = ( ) => {
151151 return (
@@ -300,9 +300,9 @@ const ModelSelector: React.FC = () => {
300300} ;
301301
302302const ToolsSelector : React . FC = ( ) => {
303- return (
303+ return (
304304 < >
305- < ComposerPrimitive . SelectTools
305+ < ComposerPrimitive . SelectTools
306306 header = {
307307 < >
308308 < Divider />
@@ -313,21 +313,36 @@ const ToolsSelector: React.FC = () => {
313313 < Pressable className = "flex-1 active:opacity-50" onPress = { toggle } >
314314 < View className = "flex-1 p-2" >
315315 < View className = "mb-1 flex flex-row gap-2 text-lg" >
316- < Text className = { cn ( "font-bold" , isEnabled ? "text-cyan-500" : "" ) } > { toolName . replace ( / - / g, ' ' ) . replace ( / \b \w / g, c => c . toUpperCase ( ) ) } </ Text >
316+ < Text
317+ className = { cn ( "font-bold" , isEnabled ? "text-cyan-500" : "" ) }
318+ >
319+ { toolName
320+ . replace ( / - / g, " " )
321+ . replace ( / \b \w / g, ( c ) => c . toUpperCase ( ) ) }
322+ </ Text >
317323 < Icon name = "Brain" size = { 20 } />
318324 </ View >
319- < Text className = { cn ( "text-muted-foreground text-sm" , isEnabled ? "text-cyan-500" : "" ) } >
325+ < Text
326+ className = { cn (
327+ "text-muted-foreground text-sm" ,
328+ isEnabled ? "text-cyan-500" : "" ,
329+ ) }
330+ >
320331 Groundbreaking advancements in reasoning
321332 </ Text >
322333 </ View >
323334 { isEnabled && (
324- < Icon name = "Check" size = { 20 } color = { isEnabled ? "#00b8db" : undefined } />
335+ < Icon
336+ name = "Check"
337+ size = { 20 }
338+ color = { isEnabled ? "#00b8db" : undefined }
339+ />
325340 ) }
326-
327341 </ Pressable >
328- ) } />
342+ ) }
343+ />
329344 </ >
330- ) ;
345+ ) ;
331346} ;
332347
333348const ComposerAction : FC = ( ) => {
0 commit comments