fix(chat): align composer control shape and color

Author: waleedlatif1

apps/sim/app/o/[organizationId]/home/components/composer/composer.test.tsx

@@ -626,7 +626,7 @@ it('shows Build with a chevron in the shared chip and text-only modes in its men
     mode.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }))
   )
   const search = [...document.querySelectorAll<HTMLElement>('[role="menuitem"]')].find(
-    (item) => item.textContent === 'Ask'
+    (item) => item.textContent === 'Search'
   )!
   expect(search.querySelector('svg')).toBeNull()
   expect(document.querySelector('[role="tooltip"]')).toBeNull()
@@ -730,12 +730,12 @@ it.each(['skill', 'file'] as const)(
       mode.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }))
     )
     const search = [...document.querySelectorAll<HTMLElement>('[role="menuitem"]')].find(
-      (item) => item.textContent === 'Ask'
+      (item) => item.textContent === 'Search'
     )!
     await act(async () => search.click())
     expect(onModeChange).not.toHaveBeenCalled()
     expect(info).toHaveBeenCalledWith(
-      'Remove resource and skill mentions and non-image attachments before switching to Ask.'
+      'Remove resource and skill mentions and non-image attachments before switching to Search.'
     )
     expect(
       container.querySelector<HTMLInputElement | HTMLTextAreaElement>('[aria-label="Ask Sim"]')!
@@ -787,7 +787,7 @@ describe('Search levels', () => {
     expect(
       row.querySelector<HTMLInputElement | HTMLTextAreaElement>('[aria-label="Ask Sim"]')
     ).not.toBeNull()
-    expect(mode.textContent).toBe('Ask')
+    expect(mode.textContent).toBe('Search')
     expect(mode.querySelectorAll('svg')).toHaveLength(1)
     expect(mode.parentElement?.nextElementSibling).toBeNull()
     expect(row.querySelector('[aria-label="Search level"]')).toBeNull()

apps/sim/app/o/[organizationId]/home/components/composer/composer.tsx

@@ -231,7 +231,7 @@ export function Composer({
                       files.attachedFiles.some((file) => !isAssistantImageType(file.type)))
                   ) {
                     toast.info(
-                      'Remove resource and skill mentions and non-image attachments before switching to Ask.'
+                      'Remove resource and skill mentions and non-image attachments before switching to Search.'
                     )
                     return
                   }

apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/conversation-mode-selector.tsx

@@ -20,7 +20,7 @@ export function ConversationModeSelector({
   const planEnabled = useFeatureFlag('mothership-plan-mode')
   const [open, setOpen] = useState(false)
   const options = [
-    ...(searchEnabled ? [{ value: 'assistant', label: 'Ask' }] : []),
+    ...(searchEnabled ? [{ value: 'assistant', label: 'Search' }] : []),
     { value: 'agent', label: 'Build' },
     ...(planEnabled ? [{ value: 'plan', label: 'Plan' }] : []),
   ]

apps/sim/app/workspace/[workspaceId]/home/components/user-input/components/model-setting-trigger.tsx

@@ -1,5 +1,5 @@
 import type { ComponentType } from 'react'
-import { Chip, chipContentLabelClass, DropdownMenuTrigger, OverflowText, Tooltip } from '@sim/emcn'
+import { Chip, DropdownMenuTrigger, OverflowText, Tooltip } from '@sim/emcn'
 import { ChevronDown } from '@sim/emcn/icons'
 
 interface ModelSettingTriggerProps {
@@ -21,6 +21,7 @@ export function ModelSettingTrigger({
       <Tooltip.Trigger asChild>
         <DropdownMenuTrigger asChild>
           <Chip
+            shape='round'
             aria-label={label}
             aria-description={valueLabel}
             leftAdornment={
@@ -29,7 +30,7 @@ export function ModelSettingTrigger({
                 <span className='flex @max-[320px]/input-toolbar:hidden min-w-0 items-center gap-2'>
                   <OverflowText
                     label={valueLabel}
-                    className={chipContentLabelClass}
+                    className='text-[var(--text-icon)] text-sm'
                     focusTarget='nearest-interactive'
                   />
                   {showChevron && (