feat(tools): added more tts providers, added stt and videogen models, fixed search modal keyboard nav (#2094)

* feat(tools): added more tts providers, added stt and videogen models, fixed search modal keyboard nav

* fixed icons

* cleaned up

* added falai

* improvement: icons

* fixed build

---------

Co-authored-by: Emir Karabeg <emirkarabeg@berkeley.edu>

apps/docs/components/icons.tsx

@@ -4085,7 +4085,29 @@ export function CalendlyIcon(props: SVGProps<SVGSVGElement>) {
   )
 }
 
-export function AudioWaveformIcon(props: SVGProps<SVGSVGElement>) {
+export function STTIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      {...props}
+      xmlns='http://www.w3.org/2000/svg'
+      width='24'
+      height='24'
+      viewBox='0 0 24 24'
+      fill='none'
+      stroke='currentColor'
+      strokeWidth='2'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+    >
+      <path d='m15 16 2.536-7.328a1.02 1.02 1 0 1 1.928 0L22 16' />
+      <path d='M15.697 14h5.606' />
+      <path d='m2 16 4.039-9.69a.5.5 0 0 1 .923 0L11 16' />
+      <path d='M3.304 13h6.392' />
+    </svg>
+  )
+}
+
+export function TTSIcon(props: SVGProps<SVGSVGElement>) {
   return (
     <svg
       {...props}
@@ -4108,3 +4130,23 @@ export function AudioWaveformIcon(props: SVGProps<SVGSVGElement>) {
     </svg>
   )
 }
+
+export function VideoIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      {...props}
+      xmlns='http://www.w3.org/2000/svg'
+      width='24'
+      height='24'
+      viewBox='0 0 24 24'
+      fill='none'
+      stroke='currentColor'
+      strokeWidth='2'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+    >
+      <path d='m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5' />
+      <rect x='2' y='6' width='14' height='12' rx='2' />
+    </svg>
+  )
+}

apps/docs/components/ui/icon-mapping.ts

@@ -8,7 +8,6 @@ import {
   ApolloIcon,
   ArxivIcon,
   AsanaIcon,
-  AudioWaveformIcon,
   BrainIcon,
   BrowserUseIcon,
   CalendlyIcon,
@@ -63,6 +62,7 @@ import {
   SalesforceIcon,
   SerperIcon,
   SlackIcon,
+  STTIcon,
   StagehandIcon,
   StripeIcon,
   SupabaseIcon,
@@ -70,8 +70,10 @@ import {
   TelegramIcon,
   TranslateIcon,
   TrelloIcon,
+  TTSIcon,
   TwilioIcon,
   TypeformIcon,
+  VideoIcon,
   WealthboxIcon,
   WebflowIcon,
   WhatsAppIcon,
@@ -92,16 +94,18 @@ export const blockTypeToIconMap: Record<string, IconComponent> = {
   webflow: WebflowIcon,
   wealthbox: WealthboxIcon,
   vision: EyeIcon,
+  video_generator: VideoIcon,
   typeform: TypeformIcon,
   twilio_voice: TwilioIcon,
   twilio_sms: TwilioIcon,
+  tts: TTSIcon,
   trello: TrelloIcon,
   translate: TranslateIcon,
   thinking: BrainIcon,
   telegram: TelegramIcon,
   tavily: TavilyIcon,
   supabase: SupabaseIcon,
-  stt: AudioWaveformIcon,
+  stt: STTIcon,
   stripe: StripeIcon,
   stagehand_agent: StagehandIcon,
   stagehand: StagehandIcon,