fix(home,chat-switcher): align new-chat view + chat-switcher chrome with main

- chat-switcher: title uses the canonical chip label (chipContentLabelClass — normal weight, --text-body, text-sm) instead of bold --text-primary; dropdown chevron sized to the canonical 10x6 (h-[6px] w-[10px]) to match the workspace switcher
- home new-chat: remove the grey 'Recents' tray (ChatHistory) so the empty state is just the chat input, as on main; delete the now-orphaned ChatHistory component + its barrel export (ChatHistoryList stays — used by the chat-switcher)
- home new-chat: restore main's empty-state centering (justify-center + pt-[2vh] pb-[22vh]) so the heading/input cluster sits at the same optical center

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

Author: andresdjasso

apps/sim/app/workspace/[workspaceId]/components/chat-switcher/chat-switcher.tsx

@@ -3,6 +3,7 @@
 import { useMemo, useState } from 'react'
 import { useParams, usePathname, useRouter } from 'next/navigation'
 import {
+  chipContentLabelClass,
   POPOVER_ANIMATION_CLASSES,
   Popover,
   PopoverAnchor,
@@ -168,9 +169,7 @@ export function ChatSwitcher({
               className='before:-z-10 relative isolate flex min-w-0 items-center gap-1.5 rounded-l-lg pr-1 pl-2 before:absolute before:inset-0 before:rounded-l-lg before:bg-[var(--surface-active)] before:opacity-0 before:transition-opacity hover-hover:hover:before:opacity-100'
             >
               {chipIcon}
-              <span className='min-w-0 max-w-[200px] truncate font-medium text-[14px] text-[var(--text-primary)]'>
-                {title}
-              </span>
+              <span className={cn(chipContentLabelClass, 'max-w-[200px]')}>{title}</span>
             </button>
           </Tooltip.Trigger>
           <Tooltip.Content side='bottom'>
@@ -189,7 +188,7 @@ export function ChatSwitcher({
                 open && 'before:opacity-100'
               )}
             >
-              <ChevronDown className='size-[14px] flex-shrink-0 text-[var(--text-icon)]' />
+              <ChevronDown className='h-[6px] w-[10px] flex-shrink-0 text-[var(--text-icon)]' />
             </button>
           </Tooltip.Trigger>
           <Tooltip.Content side='bottom'>
@@ -210,9 +209,7 @@ export function ChatSwitcher({
               className='before:-z-10 relative isolate flex min-w-0 items-center gap-1.5 rounded-l-lg pr-1 pl-2 before:absolute before:inset-0 before:rounded-l-lg before:bg-[var(--surface-active)] before:opacity-0 before:transition-opacity hover-hover:hover:before:opacity-100'
             >
               {chipIcon}
-              <span className='min-w-0 truncate font-medium text-[14px] text-[var(--text-primary)]'>
-                {title}
-              </span>
+              <span className={chipContentLabelClass}>{title}</span>
             </button>
           </Tooltip.Trigger>
           <Tooltip.Content side='bottom'>
@@ -231,7 +228,7 @@ export function ChatSwitcher({
                 open && 'before:opacity-100'
               )}
             >
-              <ChevronDown className='size-[14px] flex-shrink-0 text-[var(--text-icon)]' />
+              <ChevronDown className='h-[6px] w-[10px] flex-shrink-0 text-[var(--text-icon)]' />
             </button>
           </Tooltip.Trigger>
           <Tooltip.Content side='bottom'>
@@ -254,9 +251,7 @@ export function ChatSwitcher({
           )}
         >
           {chipIcon}
-          <span className='min-w-0 truncate font-medium text-[14px] text-[var(--text-primary)]'>
-            {title}
-          </span>
+          <span className={chipContentLabelClass}>{title}</span>
         </button>
         <span aria-hidden='true' className='relative w-px self-stretch bg-[var(--bg)]' />
         <Tooltip.Root>
@@ -270,7 +265,7 @@ export function ChatSwitcher({
                 open && 'before:opacity-100'
               )}
             >
-              <ChevronDown className='size-[14px] flex-shrink-0 text-[var(--text-icon)]' />
+              <ChevronDown className='h-[6px] w-[10px] flex-shrink-0 text-[var(--text-icon)]' />
             </button>
           </Tooltip.Trigger>
           <Tooltip.Content side='bottom'>

apps/sim/app/workspace/[workspaceId]/home/components/chat-history/chat-history.tsx

@@ -1,4 +1,3 @@
-export { ChatHistory } from './chat-history'
 export { ChatMessageAttachments } from './chat-message-attachments'
 export { ChatSurfaceProvider, useChatSurface } from './chat-surface-context'
 export { ContextMentionIcon } from './context-mention-icon'

apps/sim/app/workspace/[workspaceId]/home/components/chat-history/index.ts

@@ -39,7 +39,6 @@ import { useOAuthReturnRouter } from '@/hooks/use-oauth-return'
 import { useMothershipStageStore } from '@/stores/mothership-stage/store'
 import type { ChatContext } from '@/stores/panel'
 import {
-  ChatHistory,
   ChatSurfaceProvider,
   CreditsChip,
   MothershipChat,
@@ -203,7 +202,6 @@ export function Home({ chatId, userName, userId, initialResourceId = null }: Hom
     sendMessage,
     stopGeneration,
     resolvedChatId,
-    adoptResolvedChatId,
     resources,
     addResource,
     removeResource,
@@ -376,18 +374,6 @@ export function Home({ chatId, userName, userId, initialResourceId = null }: Hom
    * and rewrites the URL to /task/[id] via replaceState; flipping
    * `isInputEntering` plays the same slide-in morph as sending a new message.
    */
-  const handleOpenExistingChat = useCallback(
-    (selectedChatId: string) => {
-      captureEvent(posthogRef.current, 'task_opened_from_history', {
-        workspace_id: workspaceId,
-        chat_id: selectedChatId,
-      })
-      setIsInputEntering(true)
-      adoptResolvedChatId(selectedChatId, { replaceHomeHistory: true })
-    },
-    [adoptResolvedChatId, workspaceId]
-  )
-
   useEffect(() => {
     const handler = (e: Event) => {
       const message = (e as CustomEvent<MothershipSendMessageDetail>).detail?.message
@@ -549,32 +535,26 @@ export function Home({ chatId, userName, userId, initialResourceId = null }: Hom
           <CreditsChip />
         </div>
         <div className='relative flex-1 overflow-y-auto [scrollbar-gutter:stable_both-edges]'>
-          <div className='flex min-h-full flex-col items-center px-6 pt-[calc(24vh-44px)] pb-[2vh]'>
+          {/* Asymmetric padding biases the group up so the full cluster (heading + input + suggestions) sits at the optical center — matching main */}
+          <div className='flex min-h-full flex-col items-center justify-center px-6 pt-[2vh] pb-[22vh]'>
             <h1 className='mb-7 max-w-[48rem] text-balance font-season text-[30px] text-[var(--text-primary)]'>
               What should we get done{firstName ? `, ${firstName}` : ''}?
             </h1>
-            <div ref={initialViewInputRef} className='w-full'>
-              {/* Stacked card (Figma node 1-3): grey tray sits behind the input
-                with a 1px frame on top/sides. The docked "All Chats" launcher
-                lives in the shelf below and animates the chat list open inside
-                the grey tray — growing downward as the input rides up. */}
-              <div className='mx-auto w-full max-w-[48rem] overflow-hidden rounded-[18px] bg-[var(--surface-3)] p-px'>
-                <ChatSurfaceProvider
-                  userId={userId}
-                  onContextAdd={handleContextAdd}
-                  onContextRemove={handleInitialContextRemove}
-                >
-                  <UserInput
-                    ref={initialViewUserInputRef}
-                    defaultValue={initialPrompt}
-                    draftScopeKey={draftScopeKey}
-                    onSubmit={handleSubmit}
-                    isSending={isSending}
-                    onStopGeneration={handleStopGeneration}
-                  />
-                </ChatSurfaceProvider>
-                <ChatHistory onSelectChat={handleOpenExistingChat} />
-              </div>
+            <div ref={initialViewInputRef} className='relative w-full max-w-[48rem]'>
+              <ChatSurfaceProvider
+                userId={userId}
+                onContextAdd={handleContextAdd}
+                onContextRemove={handleInitialContextRemove}
+              >
+                <UserInput
+                  ref={initialViewUserInputRef}
+                  defaultValue={initialPrompt}
+                  draftScopeKey={draftScopeKey}
+                  onSubmit={handleSubmit}
+                  isSending={isSending}
+                  onStopGeneration={handleStopGeneration}
+                />
+              </ChatSurfaceProvider>
               <SuggestedActions
                 onSelectPrompt={(prompt) => initialViewUserInputRef.current?.populatePrompt(prompt)}
               />