feat/platform-v3

.cursorrules

@@ -0,0 +1,19 @@
+# Role
+
+You are a professional software engineer. All code you write MUST follow best practices, ensuring accuracy, quality, readability, and cleanliness. You MUST make FOCUSED EDITS that are EFFICIENT and ELEGANT.
+
+## Logs
+
+ENSURE that you use the logger.info and logger.warn and logger.error instead of the console.log whenever you want to display logs.
+
+## Comments
+
+You must use TSDOC for comments. Do not use ==== for comments to separate sections.
+
+## Globals styles
+
+You should not update the global styles unless it is absolutely necessary. Keep all styling local to components and files.
+
+## Bun
+
+Use bun and bunx not npm and npx

.gitignore

@@ -46,7 +46,7 @@ sim-standalone.tar.gz
 next-env.d.ts
 
 # cursorrules
-.cursorrules
+# .cursorrules
 
 # docs
 /apps/docs/.source

apps/sim/app/(auth)/components/social-login-buttons.tsx

@@ -4,7 +4,7 @@ import { type ReactNode, useEffect, useState } from 'react'
 import { GithubIcon, GoogleIcon } from '@/components/icons'
 import { Button } from '@/components/ui/button'
 import { client } from '@/lib/auth-client'
-import { inter } from '@/app/fonts/inter'
+import { inter } from '@/app/fonts/inter/inter'
 
 interface SocialLoginButtonsProps {
   githubAvailable: boolean

apps/sim/app/(auth)/layout.tsx

@@ -28,7 +28,7 @@ export default function AuthLayout({ children }: { children: React.ReactNode })
   }, [])
   return (
     <AuthBackground>
-      <main className='relative flex min-h-screen flex-col font-geist-sans text-foreground'>
+      <main className='relative flex min-h-screen flex-col text-foreground'>
         {/* Header - Nav handles all conditional logic */}
         <Nav hideAuthButtons={true} variant='auth' />
 

apps/sim/app/(auth)/login/login-form.tsx

@@ -22,7 +22,7 @@ import { getBaseUrl } from '@/lib/urls/utils'
 import { cn } from '@/lib/utils'
 import { SocialLoginButtons } from '@/app/(auth)/components/social-login-buttons'
 import { SSOLoginButton } from '@/app/(auth)/components/sso-login-button'
-import { inter } from '@/app/fonts/inter'
+import { inter } from '@/app/fonts/inter/inter'
 import { soehne } from '@/app/fonts/soehne/soehne'
 
 const logger = createLogger('LoginForm')

apps/sim/app/(auth)/reset-password/page.tsx

@@ -5,7 +5,7 @@ import Link from 'next/link'
 import { useRouter, useSearchParams } from 'next/navigation'
 import { createLogger } from '@/lib/logs/console/logger'
 import { SetNewPasswordForm } from '@/app/(auth)/reset-password/reset-password-form'
-import { inter } from '@/app/fonts/inter'
+import { inter } from '@/app/fonts/inter/inter'
 import { soehne } from '@/app/fonts/soehne/soehne'
 
 const logger = createLogger('ResetPasswordPage')

apps/sim/app/(auth)/reset-password/reset-password-form.tsx

@@ -6,7 +6,7 @@ import { Button } from '@/components/ui/button'
 import { Input } from '@/components/ui/input'
 import { Label } from '@/components/ui/label'
 import { cn } from '@/lib/utils'
-import { inter } from '@/app/fonts/inter'
+import { inter } from '@/app/fonts/inter/inter'
 
 interface RequestResetFormProps {
   email: string

apps/sim/app/(auth)/signup/signup-form.tsx

@@ -14,7 +14,7 @@ import { createLogger } from '@/lib/logs/console/logger'
 import { cn } from '@/lib/utils'
 import { SocialLoginButtons } from '@/app/(auth)/components/social-login-buttons'
 import { SSOLoginButton } from '@/app/(auth)/components/sso-login-button'
-import { inter } from '@/app/fonts/inter'
+import { inter } from '@/app/fonts/inter/inter'
 import { soehne } from '@/app/fonts/soehne/soehne'
 
 const logger = createLogger('SignupForm')

apps/sim/app/(auth)/sso/sso-form.tsx

@@ -11,7 +11,7 @@ import { quickValidateEmail } from '@/lib/email/validation'
 import { env, isFalsy } from '@/lib/env'
 import { createLogger } from '@/lib/logs/console/logger'
 import { cn } from '@/lib/utils'
-import { inter } from '@/app/fonts/inter'
+import { inter } from '@/app/fonts/inter/inter'
 import { soehne } from '@/app/fonts/soehne/soehne'
 
 const logger = createLogger('SSOForm')

apps/sim/app/(auth)/verify/verify-content.tsx

@@ -6,7 +6,7 @@ import { Button } from '@/components/ui/button'
 import { InputOTP, InputOTPGroup, InputOTPSlot } from '@/components/ui/input-otp'
 import { cn } from '@/lib/utils'
 import { useVerification } from '@/app/(auth)/verify/use-verification'
-import { inter } from '@/app/fonts/inter'
+import { inter } from '@/app/fonts/inter/inter'
 import { soehne } from '@/app/fonts/soehne/soehne'
 
 interface VerifyContentProps {

apps/sim/app/(landing)/components/footer/footer.tsx

@@ -7,7 +7,7 @@ import {
   LinkedInIcon,
   xIcon as XIcon,
 } from '@/components/icons'
-import { inter } from '@/app/fonts/inter'
+import { inter } from '@/app/fonts/inter/inter'
 
 const blocks = [
   'Agent',

apps/sim/app/(landing)/components/integrations/integrations.tsx

@@ -1,5 +1,5 @@
 import * as Icons from '@/components/icons'
-import { inter } from '@/app/fonts/inter'
+import { inter } from '@/app/fonts/inter/inter'
 
 // AI models and providers
 const modelProviderIcons = [

apps/sim/app/(landing)/components/landing-pricing/landing-pricing.tsx

@@ -14,7 +14,7 @@ import {
 import { useRouter } from 'next/navigation'
 import { createLogger } from '@/lib/logs/console/logger'
 import { cn } from '@/lib/utils'
-import { inter } from '@/app/fonts/inter'
+import { inter } from '@/app/fonts/inter/inter'
 import {
   ENTERPRISE_PLAN_FEATURES,
   PRO_PLAN_FEATURES,

apps/sim/app/(landing)/components/landing-templates/components/landing-template-preview.tsx

@@ -1,4 +1,4 @@
-import { inter } from '@/app/fonts/inter'
+import { inter } from '@/app/fonts/inter/inter'
 
 interface LandingTemplatePreviewProps {
   previewImage: string

apps/sim/app/(landing)/components/landing-templates/landing-templates.tsx

@@ -1,4 +1,4 @@
-import { inter } from '@/app/fonts/inter'
+import { inter } from '@/app/fonts/inter/inter'
 import LandingTemplatePreview from './components/landing-template-preview'
 
 // Mock data for templates

apps/sim/app/(landing)/components/testimonials/testimonials.tsx

@@ -2,7 +2,7 @@
 
 import { useEffect, useState } from 'react'
 import Image from 'next/image'
-import { inter } from '@/app/fonts/inter'
+import { inter } from '@/app/fonts/inter/inter'
 
 interface Testimonial {
   text: string

apps/sim/app/api/workspaces/route.ts

@@ -77,7 +77,9 @@ export async function POST(req: Request) {
 
 // Helper function to create a default workspace
 async function createDefaultWorkspace(userId: string, userName?: string | null) {
-  const workspaceName = userName ? `${userName}'s Workspace` : 'My Workspace'
+  // Extract first name only by splitting on spaces and taking the first part
+  const firstName = userName?.split(' ')[0] || null
+  const workspaceName = firstName ? `${firstName}'s Workspace` : 'My Workspace'
   return createWorkspace(userId, workspaceName)
 }
 

apps/sim/app/changelog/components/changelog-content.tsx

@@ -1,6 +1,6 @@
 import { BookOpen, Github, Rss } from 'lucide-react'
 import Link from 'next/link'
-import { inter } from '@/app/fonts/inter'
+import { inter } from '@/app/fonts/inter/inter'
 import { soehne } from '@/app/fonts/soehne/soehne'
 import ChangelogList from './timeline-list'
 

apps/sim/app/changelog/components/timeline-list.tsx

@@ -3,7 +3,7 @@
 import React from 'react'
 import ReactMarkdown from 'react-markdown'
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
-import { inter } from '@/app/fonts/inter'
+import { inter } from '@/app/fonts/inter/inter'
 import { soehne } from '@/app/fonts/soehne/soehne'
 import type { ChangelogEntry } from './changelog-content'
 

apps/sim/app/changelog/layout.tsx

@@ -2,7 +2,7 @@ import Nav from '@/app/(landing)/components/nav/nav'
 
 export default function ChangelogLayout({ children }: { children: React.ReactNode }) {
   return (
-    <div className='min-h-screen bg-background font-geist-sans text-foreground'>
+    <div className='min-h-screen bg-background text-foreground'>
       <Nav />
       {children}
     </div>

apps/sim/app/chat/components/auth/email/email-auth.tsx

@@ -10,7 +10,7 @@ import { quickValidateEmail } from '@/lib/email/validation'
 import { createLogger } from '@/lib/logs/console/logger'
 import { cn } from '@/lib/utils'
 import Nav from '@/app/(landing)/components/nav/nav'
-import { inter } from '@/app/fonts/inter'
+import { inter } from '@/app/fonts/inter/inter'
 import { soehne } from '@/app/fonts/soehne/soehne'
 
 const logger = createLogger('EmailAuth')

apps/sim/app/chat/components/auth/password/password-auth.tsx

@@ -8,7 +8,7 @@ import { Label } from '@/components/ui/label'
 import { createLogger } from '@/lib/logs/console/logger'
 import { cn } from '@/lib/utils'
 import Nav from '@/app/(landing)/components/nav/nav'
-import { inter } from '@/app/fonts/inter'
+import { inter } from '@/app/fonts/inter/inter'
 import { soehne } from '@/app/fonts/soehne/soehne'
 
 const logger = createLogger('PasswordAuth')

apps/sim/app/chat/components/error-state/error-state.tsx

@@ -5,7 +5,7 @@ import { useRouter } from 'next/navigation'
 import { Button } from '@/components/ui/button'
 import { useBrandConfig } from '@/lib/branding/branding'
 import Nav from '@/app/(landing)/components/nav/nav'
-import { inter } from '@/app/fonts/inter'
+import { inter } from '@/app/fonts/inter/inter'
 import { soehne } from '@/app/fonts/soehne/soehne'
 
 interface ChatErrorStateProps {

apps/sim/app/chat/components/header/header.tsx

@@ -4,7 +4,7 @@ import Image from 'next/image'
 import Link from 'next/link'
 import { GithubIcon } from '@/components/icons'
 import { useBrandConfig } from '@/lib/branding/branding'
-import { inter } from '@/app/fonts/inter'
+import { inter } from '@/app/fonts/inter/inter'
 
 interface ChatHeaderProps {
   chatConfig: {

apps/sim/app/chat/components/message/components/markdown-renderer.tsx

@@ -35,45 +35,45 @@ export default function MarkdownRenderer({
   const customComponents = {
     // Paragraph
     p: ({ children }: React.HTMLAttributes<HTMLParagraphElement>) => (
-      <p className='mb-1 font-geist-sans text-base text-gray-800 leading-relaxed last:mb-0 dark:text-gray-200'>
+      <p className='mb-1 font-sans text-base text-gray-800 leading-relaxed last:mb-0 dark:text-gray-200'>
         {children}
       </p>
     ),
 
     // Headings
     h1: ({ children }: React.HTMLAttributes<HTMLHeadingElement>) => (
-      <h1 className='mt-10 mb-5 font-geist-sans font-semibold text-2xl text-gray-900 dark:text-gray-100'>
+      <h1 className='mt-10 mb-5 font-sans font-semibold text-2xl text-gray-900 dark:text-gray-100'>
         {children}
       </h1>
     ),
     h2: ({ children }: React.HTMLAttributes<HTMLHeadingElement>) => (
-      <h2 className='mt-8 mb-4 font-geist-sans font-semibold text-gray-900 text-xl dark:text-gray-100'>
+      <h2 className='mt-8 mb-4 font-sans font-semibold text-gray-900 text-xl dark:text-gray-100'>
         {children}
       </h2>
     ),
     h3: ({ children }: React.HTMLAttributes<HTMLHeadingElement>) => (
-      <h3 className='mt-7 mb-3 font-geist-sans font-semibold text-gray-900 text-lg dark:text-gray-100'>
+      <h3 className='mt-7 mb-3 font-sans font-semibold text-gray-900 text-lg dark:text-gray-100'>
         {children}
       </h3>
     ),
     h4: ({ children }: React.HTMLAttributes<HTMLHeadingElement>) => (
-      <h4 className='mt-5 mb-2 font-geist-sans font-semibold text-base text-gray-900 dark:text-gray-100'>
+      <h4 className='mt-5 mb-2 font-sans font-semibold text-base text-gray-900 dark:text-gray-100'>
         {children}
       </h4>
     ),
 
     // Lists
     ul: ({ children }: React.HTMLAttributes<HTMLUListElement>) => (
       <ul
-        className='mt-1 mb-1 space-y-1 pl-6 font-geist-sans text-gray-800 dark:text-gray-200'
+        className='mt-1 mb-1 space-y-1 pl-6 font-sans text-gray-800 dark:text-gray-200'
         style={{ listStyleType: 'disc' }}
       >
         {children}
       </ul>
     ),
     ol: ({ children }: React.HTMLAttributes<HTMLOListElement>) => (
       <ol
-        className='mt-1 mb-1 space-y-1 pl-6 font-geist-sans text-gray-800 dark:text-gray-200'
+        className='mt-1 mb-1 space-y-1 pl-6 font-sans text-gray-800 dark:text-gray-200'
         style={{ listStyleType: 'decimal' }}
       >
         {children}
@@ -84,10 +84,7 @@ export default function MarkdownRenderer({
       ordered,
       ...props
     }: React.LiHTMLAttributes<HTMLLIElement> & { ordered?: boolean }) => (
-      <li
-        className='font-geist-sans text-gray-800 dark:text-gray-200'
-        style={{ display: 'list-item' }}
-      >
+      <li className='font-sans text-gray-800 dark:text-gray-200' style={{ display: 'list-item' }}>
         {children}
       </li>
     ),
@@ -112,7 +109,7 @@ export default function MarkdownRenderer({
       return (
         <div className='my-6 rounded-md bg-gray-900 text-sm dark:bg-black'>
           <div className='flex items-center justify-between border-gray-700 border-b px-4 py-1.5 dark:border-gray-800'>
-            <span className='font-geist-sans text-gray-400 text-xs'>
+            <span className='font-sans text-gray-400 text-xs'>
               {codeProps.className?.replace('language-', '') || 'code'}
             </span>
           </div>
@@ -149,7 +146,7 @@ export default function MarkdownRenderer({
 
     // Blockquotes
     blockquote: ({ children }: React.HTMLAttributes<HTMLQuoteElement>) => (
-      <blockquote className='my-4 border-gray-300 border-l-4 py-1 pl-4 font-geist-sans text-gray-700 italic dark:border-gray-600 dark:text-gray-300'>
+      <blockquote className='my-4 border-gray-300 border-l-4 py-1 pl-4 font-sans text-gray-700 italic dark:border-gray-600 dark:text-gray-300'>
         {children}
       </blockquote>
     ),
@@ -167,7 +164,7 @@ export default function MarkdownRenderer({
     // Tables
     table: ({ children }: React.TableHTMLAttributes<HTMLTableElement>) => (
       <div className='my-4 w-full overflow-x-auto'>
-        <table className='min-w-full table-auto border border-gray-300 font-geist-sans text-sm dark:border-gray-700'>
+        <table className='min-w-full table-auto border border-gray-300 font-sans text-sm dark:border-gray-700'>
           {children}
         </table>
       </div>
@@ -211,7 +208,7 @@ export default function MarkdownRenderer({
   const processedContent = content.trim()
 
   return (
-    <div className='space-y-4 break-words font-geist-sans text-[#0D0D0D] text-base leading-relaxed dark:text-gray-100'>
+    <div className='space-y-4 break-words font-sans text-[#0D0D0D] text-base leading-relaxed dark:text-gray-100'>
       <ReactMarkdown remarkPlugins={[remarkGfm]} components={customComponents}>
         {processedContent}
       </ReactMarkdown>

apps/sim/app/fonts/season/season.ts

@@ -0,0 +1,17 @@
+import localFont from 'next/font/local'
+
+/**
+ * Season Sans variable font configuration
+ * Uses variable font file to support any weight from 300-800
+ */
+export const season = localFont({
+  src: [
+    // Variable font - supports all weights from 300 to 800
+    { path: './SeasonSansUprightsVF.woff2', weight: '300 800', style: 'normal' },
+  ],
+  display: 'swap',
+  preload: true,
+  variable: '--font-season',
+  fallback: ['system-ui', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'Noto Sans'],
+  adjustFontFallback: 'Arial',
+})