chore: import upstream snapshot with attribution

apps/sim/app/(interfaces)/chat/components/header/header.tsx

@@ -0,0 +1,76 @@
+'use client'
+
+import Image from 'next/image'
+import Link from 'next/link'
+import { GithubIcon } from '@/components/icons'
+import { SimWordmark } from '@/app/(landing)/components/navbar/components'
+import { useBrandConfig } from '@/ee/whitelabeling'
+
+interface ChatHeaderProps {
+  chatConfig: {
+    title?: string
+    customizations?: {
+      headerText?: string
+      logoUrl?: string
+      imageUrl?: string
+      primaryColor?: string
+    }
+  } | null
+  starCount: string
+}
+
+export function ChatHeader({ chatConfig, starCount }: ChatHeaderProps) {
+  const brand = useBrandConfig()
+  const customImage = chatConfig?.customizations?.imageUrl || chatConfig?.customizations?.logoUrl
+
+  return (
+    <nav
+      aria-label='Chat navigation'
+      className='flex w-full items-center justify-between px-4 pt-3 pb-[21px] sm:px-8 sm:pt-[8.5px] md:px-[44px] md:pt-4'
+    >
+      <div className='flex items-center gap-[34px]'>
+        <div className='flex items-center gap-3'>
+          {customImage && (
+            <Image
+              src={customImage}
+              alt={`${chatConfig?.title || 'Chat'} logo`}
+              width={24}
+              height={24}
+              unoptimized
+              className='size-6 rounded-md object-cover'
+            />
+          )}
+          <h2 className='font-medium text-[var(--text-primary)] text-lg'>
+            {chatConfig?.customizations?.headerText || chatConfig?.title || 'Chat'}
+          </h2>
+        </div>
+      </div>
+
+      {!brand.logoUrl && (
+        <div className='flex items-center gap-4'>
+          <a
+            href='https://github.com/simstudioai/sim'
+            target='_blank'
+            rel='noopener noreferrer'
+            className='flex items-center gap-2 text-[var(--text-muted)] transition-colors hover:text-[var(--text-primary)]'
+            aria-label={`GitHub repository - ${starCount} stars`}
+          >
+            <GithubIcon className='size-[16px]' aria-hidden='true' />
+            <span aria-live='polite'>{starCount}</span>
+          </a>
+          {/* Only show Sim logo if no custom branding is set */}
+
+          <Link
+            href='https://sim.ai'
+            target='_blank'
+            rel='noopener noreferrer'
+            aria-label='Sim home'
+            className='flex items-center'
+          >
+            <SimWordmark />
+          </Link>
+        </div>
+      )}
+    </nav>
+  )
+}