fix: revert hero CTA href from /enterprise to /login

The /enterprise route does not exist - the Enterprise component is a stub returning null and there is no enterprise/page.tsx. Reverting to the original working /login route to fix the broken CTA.
improvement: landing, sidebar, globals, buttons
2026-03-15 03:00:33 -04:00 · 2026-03-14 22:10:30 +00:00 · 2026-03-14 15:03:53 -07:00
160 changed files with 3066 additions and 30057 deletions
--- a/apps/sim/app/(home)/components/collaboration/collaboration.tsx
+++ b/apps/sim/app/(home)/components/collaboration/collaboration.tsx
@@ -274,7 +274,7 @@ export default function Collaboration() {

            <Link
              href='/signup'
-              className='group/cta mt-[12px] inline-flex h-[32px] cursor-none items-center gap-[6px] rounded-[5px] border border-[#33C482] bg-[#33C482] px-[10px] font-[430] font-season text-[14px] text-black transition-[filter] hover:brightness-110'
+              className='group/cta mt-[12px] inline-flex h-[32px] cursor-none items-center gap-[6px] rounded-[5px] border border-[#FFFFFF] bg-[#FFFFFF] px-[10px] font-[430] font-season text-[14px] text-black transition-colors hover:border-[#E0E0E0] hover:bg-[#E0E0E0]'
            >
              Build together
              <span className='relative h-[10px] w-[10px] shrink-0'>
--- a/apps/sim/app/(home)/components/hero/hero.tsx
+++ b/apps/sim/app/(home)/components/hero/hero.tsx
@@ -79,7 +79,7 @@ export default function Hero() {
          </Link>
          <Link
            href='/signup'
-            className={`${CTA_BASE} gap-[8px] border-[#33C482] bg-[#33C482] text-black transition-[filter] hover:brightness-110`}
+            className={`${CTA_BASE} gap-[8px] border-[#FFFFFF] bg-[#FFFFFF] text-black transition-colors hover:border-[#E0E0E0] hover:bg-[#E0E0E0]`}
            aria-label='Get started with Sim'
          >
            Get started
--- a/apps/sim/app/(home)/components/landing-preview/components/landing-preview-home/landing-preview-home.tsx
+++ b/apps/sim/app/(home)/components/landing-preview/components/landing-preview-home/landing-preview-home.tsx
@@ -0,0 +1,98 @@
+'use client'
+
+import { memo, useCallback, useRef, useState } from 'react'
+import { ArrowUp } from 'lucide-react'
+import { useLandingSubmit } from '@/app/(home)/components/landing-preview/components/landing-preview-panel/landing-preview-panel'
+import { useAnimatedPlaceholder } from '@/app/workspace/[workspaceId]/home/hooks/use-animated-placeholder'
+
+const C = {
+  SURFACE: '#292929',
+  BORDER: '#3d3d3d',
+  TEXT_PRIMARY: '#e6e6e6',
+} as const
+
+/**
+ * Landing preview replica of the workspace Home initial view.
+ * Shows a greeting heading and a minimal chat input (no + or mic).
+ * On submit, stores the prompt and redirects to /signup.
+ */
+export const LandingPreviewHome = memo(function LandingPreviewHome() {
+  const landingSubmit = useLandingSubmit()
+  const [inputValue, setInputValue] = useState('')
+  const textareaRef = useRef<HTMLTextAreaElement>(null)
+  const animatedPlaceholder = useAnimatedPlaceholder()
+
+  const isEmpty = inputValue.trim().length === 0
+
+  const handleSubmit = useCallback(() => {
+    if (isEmpty) return
+    landingSubmit(inputValue)
+  }, [isEmpty, inputValue, landingSubmit])
+
+  const MAX_HEIGHT = 200
+
+  const handleKeyDown = useCallback(
+    (e: React.KeyboardEvent<HTMLTextAreaElement>) => {
+      if (e.key === 'Enter' && !e.shiftKey) {
+        e.preventDefault()
+        handleSubmit()
+      }
+    },
+    [handleSubmit]
+  )
+
+  const handleInput = useCallback((e: React.FormEvent<HTMLTextAreaElement>) => {
+    const target = e.target as HTMLTextAreaElement
+    target.style.height = 'auto'
+    target.style.height = `${Math.min(target.scrollHeight, MAX_HEIGHT)}px`
+  }, [])
+
+  return (
+    <div className='flex min-w-0 flex-1 flex-col items-center justify-center px-[24px] pb-[2vh]'>
+      <h1
+        className='mb-[24px] max-w-[42rem] font-[430] font-season text-[32px] tracking-[-0.02em]'
+        style={{ color: C.TEXT_PRIMARY }}
+      >
+        What should we get done?
+      </h1>
+
+      <div className='w-full max-w-[32rem]'>
+        <div
+          className='cursor-text rounded-[20px] border px-[10px] py-[8px]'
+          style={{ borderColor: C.BORDER, backgroundColor: C.SURFACE }}
+          onClick={() => textareaRef.current?.focus()}
+        >
+          <textarea
+            ref={textareaRef}
+            value={inputValue}
+            onChange={(e) => setInputValue(e.target.value)}
+            onKeyDown={handleKeyDown}
+            onInput={handleInput}
+            placeholder={animatedPlaceholder}
+            rows={1}
+            className='m-0 box-border min-h-[24px] w-full resize-none overflow-y-auto border-0 bg-transparent px-[4px] py-[4px] font-body text-[15px] leading-[24px] tracking-[-0.015em] outline-none placeholder:font-[380] placeholder:text-[#787878] focus-visible:ring-0'
+            style={{
+              color: C.TEXT_PRIMARY,
+              caretColor: C.TEXT_PRIMARY,
+              maxHeight: `${MAX_HEIGHT}px`,
+            }}
+          />
+          <div className='flex items-center justify-end'>
+            <button
+              type='button'
+              onClick={handleSubmit}
+              disabled={isEmpty}
+              className='flex h-[28px] w-[28px] items-center justify-center rounded-full border-0 p-0 transition-colors'
+              style={{
+                background: isEmpty ? '#808080' : '#e0e0e0',
+                cursor: isEmpty ? 'not-allowed' : 'pointer',
+              }}
+            >
+              <ArrowUp size={16} strokeWidth={2.25} color='#1b1b1b' />
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+})
--- a/apps/sim/app/(home)/components/landing-preview/components/landing-preview-panel/landing-preview-panel.tsx
+++ b/apps/sim/app/(home)/components/landing-preview/components/landing-preview-panel/landing-preview-panel.tsx
@@ -8,6 +8,23 @@ import { createPortal } from 'react-dom'
 import { BubbleChatPreview, ChevronDown, MoreHorizontal, Play } from '@/components/emcn'
 import { LandingPromptStorage } from '@/lib/core/utils/browser-storage'

+/**
+ * Stores the prompt in browser storage and redirects to /signup.
+ * Shared by both the copilot panel and the landing home view.
+ */
+export function useLandingSubmit() {
+  const router = useRouter()
+  return useCallback(
+    (text: string) => {
+      const trimmed = text.trim()
+      if (!trimmed) return
+      LandingPromptStorage.store(trimmed)
+      router.push('/signup')
+    },
+    [router]
+  )
+}
+
 /**
 * Lightweight static panel replicating the real workspace panel styling.
 * The copilot tab is active with a functional user input.
@@ -18,7 +35,7 @@ import { LandingPromptStorage } from '@/lib/core/utils/browser-storage'
 *     inside Content > Copilot > header-bar(mx-[-1px]) > UserInput(p-8)
 */
 export const LandingPreviewPanel = memo(function LandingPreviewPanel() {
-  const router = useRouter()
+  const landingSubmit = useLandingSubmit()
  const [inputValue, setInputValue] = useState('')
  const textareaRef = useRef<HTMLTextAreaElement>(null)
  const [cursorPos, setCursorPos] = useState<{ x: number; y: number } | null>(null)
@@ -27,9 +44,8 @@ export const LandingPreviewPanel = memo(function LandingPreviewPanel() {

  const handleSubmit = useCallback(() => {
    if (isEmpty) return
-    LandingPromptStorage.store(inputValue)
-    router.push('/signup')
-  }, [isEmpty, inputValue, router])
+    landingSubmit(inputValue)
+  }, [isEmpty, inputValue, landingSubmit])

  const handleKeyDown = useCallback(
    (e: React.KeyboardEvent<HTMLTextAreaElement>) => {
@@ -60,10 +76,10 @@ export const LandingPreviewPanel = memo(function LandingPreviewPanel() {
            onMouseMove={(e) => setCursorPos({ x: e.clientX, y: e.clientY })}
            onMouseLeave={() => setCursorPos(null)}
          >
-            <div className='flex h-[30px] items-center rounded-[5px] bg-[#32bd7e] px-[10px] transition-[filter] hover:brightness-110'>
+            <div className='flex h-[30px] items-center rounded-[5px] bg-[#33C482] px-[10px] transition-colors hover:bg-[#2DAC72]'>
              <span className='font-medium text-[#1b1b1b] text-[12px]'>Deploy</span>
            </div>
-            <div className='flex h-[30px] items-center gap-[8px] rounded-[5px] bg-[#32bd7e] px-[10px] transition-[filter] hover:brightness-110'>
+            <div className='flex h-[30px] items-center gap-[8px] rounded-[5px] bg-[#33C482] px-[10px] transition-colors hover:bg-[#2DAC72]'>
              <Play className='h-[11.5px] w-[11.5px] text-[#1b1b1b]' />
              <span className='font-medium text-[#1b1b1b] text-[12px]'>Run</span>
            </div>
--- a/apps/sim/app/(home)/components/landing-preview/components/landing-preview-sidebar/landing-preview-sidebar.tsx
+++ b/apps/sim/app/(home)/components/landing-preview/components/landing-preview-sidebar/landing-preview-sidebar.tsx
@@ -1,141 +1,204 @@
 'use client'

-import { useCallback, useEffect, useRef, useState } from 'react'
-import { Database, Layout, Search, Settings } from 'lucide-react'
-import { ChevronDown, Library } from '@/components/emcn'
+import { ChevronDown, Home, Library } from '@/components/emcn'
+import {
+  Calendar,
+  Database,
+  File,
+  HelpCircle,
+  Search,
+  Settings,
+  Table,
+} from '@/components/emcn/icons'
 import type { PreviewWorkflow } from '@/app/(home)/components/landing-preview/components/landing-preview-workflow/workflow-data'

-/**
- * Props for the LandingPreviewSidebar component
- */
 interface LandingPreviewSidebarProps {
  workflows: PreviewWorkflow[]
  activeWorkflowId: string
+  activeView: 'home' | 'workflow'
  onSelectWorkflow: (id: string) => void
+  onSelectHome: () => void
 }

 /**
- * Static footer navigation items matching the real sidebar
+ * Hardcoded dark-theme equivalents of the real sidebar CSS variables.
+ * The preview lives inside a `dark` wrapper but CSS variable cascade
+ * isn't guaranteed, so we pin the hex values directly.
 */
-const FOOTER_NAV_ITEMS = [
-  { id: 'logs', label: 'Logs', icon: Library },
-  { id: 'templates', label: 'Templates', icon: Layout },
+const C = {
+  SURFACE_1: '#1e1e1e',
+  SURFACE_2: '#252525',
+  SURFACE_ACTIVE: '#363636',
+  BORDER: '#2c2c2c',
+  TEXT_PRIMARY: '#e6e6e6',
+  TEXT_BODY: '#cdcdcd',
+  TEXT_ICON: '#939393',
+  BRAND: '#33C482',
+} as const
+
+const WORKSPACE_NAV = [
+  { id: 'tables', label: 'Tables', icon: Table },
+  { id: 'files', label: 'Files', icon: File },
  { id: 'knowledge-base', label: 'Knowledge Base', icon: Database },
+  { id: 'scheduled-tasks', label: 'Scheduled Tasks', icon: Calendar },
+  { id: 'logs', label: 'Logs', icon: Library },
+] as const
+
+const FOOTER_NAV = [
+  { id: 'help', label: 'Help', icon: HelpCircle },
  { id: 'settings', label: 'Settings', icon: Settings },
 ] as const

+function StaticNavItem({
+  icon: Icon,
+  label,
+}: {
+  icon: React.ComponentType<{ className?: string; style?: React.CSSProperties }>
+  label: string
+}) {
+  return (
+    <div className='pointer-events-none mx-[2px] flex h-[28px] items-center gap-[8px] rounded-[8px] px-[8px]'>
+      <Icon className='h-[14px] w-[14px] flex-shrink-0' style={{ color: C.TEXT_ICON }} />
+      <span className='truncate text-[13px]' style={{ color: C.TEXT_BODY, fontWeight: 450 }}>
+        {label}
+      </span>
+    </div>
+  )
+}
+
 /**
- * Lightweight static sidebar replicating the real workspace sidebar styling.
+ * Lightweight sidebar replicating the real workspace sidebar layout and sizing.
+ * Starts from the workspace header (no logo/collapse row).
 * Only workflow items are interactive — everything else is pointer-events-none.
- *
- * Colors sourced from the dark theme CSS variables:
- * --surface-1: #1e1e1e, --surface-5: #363636, --border: #2c2c2c, --border-1: #3d3d3d
- * --text-primary: #e6e6e6, --text-tertiary: #b3b3b3, --text-muted: #787878
 */
 export function LandingPreviewSidebar({
  workflows,
  activeWorkflowId,
+  activeView,
  onSelectWorkflow,
+  onSelectHome,
 }: LandingPreviewSidebarProps) {
-  const [isDropdownOpen, setIsDropdownOpen] = useState(false)
-  const dropdownRef = useRef<HTMLDivElement>(null)
-
-  const handleToggle = useCallback(() => {
-    setIsDropdownOpen((prev) => !prev)
-  }, [])
-
-  useEffect(() => {
-    if (!isDropdownOpen) return
-
-    const handleClickOutside = (e: MouseEvent) => {
-      if (dropdownRef.current && !dropdownRef.current.contains(e.target as Node)) {
-        setIsDropdownOpen(false)
-      }
-    }
-
-    document.addEventListener('mousedown', handleClickOutside)
-    return () => document.removeEventListener('mousedown', handleClickOutside)
-  }, [isDropdownOpen])
+  const isHomeActive = activeView === 'home'

  return (
-    <div className='flex h-full w-[220px] flex-shrink-0 flex-col border-[#2c2c2c] border-r bg-[#1e1e1e]'>
-      {/* Header */}
-      <div className='relative flex-shrink-0 px-[14px] pt-[12px]' ref={dropdownRef}>
-        <div className='flex items-center justify-between'>
-          <button
-            type='button'
-            onClick={handleToggle}
-            className='group -mx-[6px] flex cursor-pointer items-center gap-[8px] rounded-[6px] bg-transparent px-[6px] py-[4px] transition-colors hover:bg-[#363636]'
+    <div
+      className='flex h-full w-[248px] flex-shrink-0 flex-col pt-[12px] tracking-[0.02em]'
+      style={{ backgroundColor: C.SURFACE_1 }}
+    >
+      {/* Workspace Header */}
+      <div className='flex-shrink-0 px-[10px]'>
+        <div
+          className='pointer-events-none flex h-[32px] w-full items-center gap-[8px] rounded-[8px] border pr-[8px] pl-[5px]'
+          style={{ borderColor: C.BORDER, backgroundColor: C.SURFACE_2 }}
+        >
+          <div className='flex h-[20px] w-[20px] flex-shrink-0 items-center justify-center rounded-[4px] bg-white'>
+            <svg width='10' height='10' viewBox='0 0 10 10' fill='none'>
+              <path
+                d='M1 9C1 4.58 4.58 1 9 1'
+                stroke='#1e1e1e'
+                strokeWidth='1.8'
+                strokeLinecap='round'
+              />
+            </svg>
+          </div>
+          <span
+            className='min-w-0 flex-1 truncate text-left font-medium text-[13px]'
+            style={{ color: C.TEXT_PRIMARY }}
          >
-            <span className='truncate font-base text-[#e6e6e6] text-[14px]'>My Workspace</span>
-            <ChevronDown
-              className={`h-[8px] w-[10px] flex-shrink-0 text-[#787878] transition-all duration-100 group-hover:text-[#cccccc] ${isDropdownOpen ? 'rotate-180' : ''}`}
-            />
-          </button>
-          <div className='pointer-events-none flex flex-shrink-0 items-center'>
-            <Search className='h-[14px] w-[14px] text-[#787878]' />
+            Superark
+          </span>
+          <ChevronDown className='h-[8px] w-[10px] flex-shrink-0' style={{ color: C.TEXT_ICON }} />
+        </div>
+      </div>
+
+      {/* Top Navigation: Home (interactive), Search (static) */}
+      <div className='mt-[10px] flex flex-shrink-0 flex-col gap-[2px] px-[8px]'>
+        <button
+          type='button'
+          onClick={onSelectHome}
+          className='mx-[2px] flex h-[28px] items-center gap-[8px] rounded-[8px] px-[8px] transition-colors'
+          style={{ backgroundColor: isHomeActive ? C.SURFACE_ACTIVE : 'transparent' }}
+          onMouseEnter={(e) => {
+            if (!isHomeActive) e.currentTarget.style.backgroundColor = C.SURFACE_ACTIVE
+          }}
+          onMouseLeave={(e) => {
+            if (!isHomeActive) e.currentTarget.style.backgroundColor = 'transparent'
+          }}
+        >
+          <Home className='h-[14px] w-[14px] flex-shrink-0' style={{ color: C.TEXT_ICON }} />
+          <span className='truncate text-[13px]' style={{ color: C.TEXT_BODY, fontWeight: 450 }}>
+            Home
+          </span>
+        </button>
+        <StaticNavItem icon={Search} label='Search' />
+      </div>
+
+      {/* Workspace */}
+      <div className='mt-[14px] flex flex-shrink-0 flex-col'>
+        <div className='px-[16px] pb-[6px]'>
+          <div className='font-base text-[12px]' style={{ color: C.TEXT_ICON }}>
+            Workspace
          </div>
        </div>
+        <div className='flex flex-col gap-[2px] px-[8px]'>
+          {WORKSPACE_NAV.map((item) => (
+            <StaticNavItem key={item.id} icon={item.icon} label={item.label} />
+          ))}
+        </div>
+      </div>

-        {/* Workspace switcher dropdown */}
-        {isDropdownOpen && (
-          <div className='absolute top-[42px] left-[8px] z-50 min-w-[160px] max-w-[160px] rounded-[6px] bg-[#242424] px-[6px] py-[6px] shadow-lg'>
-            <div
-              className='flex h-[26px] cursor-pointer items-center gap-[8px] rounded-[6px] bg-[#3d3d3d] px-[6px] font-base text-[#e6e6e6] text-[13px]'
-              role='menuitem'
-              onClick={() => setIsDropdownOpen(false)}
-            >
-              <span className='min-w-0 flex-1 truncate'>My Workspace</span>
+      {/* Scrollable Tasks + Workflows */}
+      <div className='flex flex-1 flex-col overflow-y-auto overflow-x-hidden pt-[14px]'>
+        {/* Workflows */}
+        <div className='flex flex-col'>
+          <div className='px-[16px]'>
+            <div className='font-base text-[12px]' style={{ color: C.TEXT_ICON }}>
+              Workflows
            </div>
          </div>
-        )}
-      </div>
-
-      {/* Workflow items */}
-      <div className='mt-[8px] space-y-[2px] overflow-x-hidden px-[8px]'>
-        {workflows.map((workflow) => {
-          const isActive = workflow.id === activeWorkflowId
-          return (
-            <button
-              key={workflow.id}
-              type='button'
-              onClick={() => onSelectWorkflow(workflow.id)}
-              className={`group flex h-[26px] w-full items-center gap-[8px] rounded-[8px] px-[6px] text-[14px] transition-colors ${
-                isActive ? 'bg-[#363636]' : 'bg-transparent hover:bg-[#363636]'
-              }`}
-            >
-              <div
-                className='h-[14px] w-[14px] flex-shrink-0 rounded-[4px]'
-                style={{ backgroundColor: workflow.color }}
-              />
-              <div className='min-w-0 flex-1'>
-                <div
-                  className={`min-w-0 truncate text-left font-medium ${
-                    isActive ? 'text-[#e6e6e6]' : 'text-[#b3b3b3] group-hover:text-[#e6e6e6]'
-                  }`}
+          <div className='mt-[6px] flex flex-col gap-[2px] px-[8px]'>
+            {workflows.map((workflow) => {
+              const isActive = activeView === 'workflow' && workflow.id === activeWorkflowId
+              return (
+                <button
+                  key={workflow.id}
+                  type='button'
+                  onClick={() => onSelectWorkflow(workflow.id)}
+                  className='group mx-[2px] flex h-[28px] w-full items-center gap-[8px] rounded-[8px] px-[8px] transition-colors'
+                  style={{ backgroundColor: isActive ? C.SURFACE_ACTIVE : 'transparent' }}
+                  onMouseEnter={(e) => {
+                    if (!isActive) e.currentTarget.style.backgroundColor = C.SURFACE_ACTIVE
+                  }}
+                  onMouseLeave={(e) => {
+                    if (!isActive) e.currentTarget.style.backgroundColor = 'transparent'
+                  }}
                >
-                  {workflow.name}
-                </div>
-              </div>
-            </button>
-          )
-        })}
+                  <div
+                    className='h-[14px] w-[14px] flex-shrink-0 rounded-[4px] border-[2.5px]'
+                    style={{
+                      backgroundColor: workflow.color,
+                      borderColor: `${workflow.color}60`,
+                      backgroundClip: 'padding-box',
+                    }}
+                  />
+                  <div
+                    className='min-w-0 flex-1 truncate text-left text-[13px]'
+                    style={{ color: C.TEXT_BODY, fontWeight: 450 }}
+                  >
+                    {workflow.name}
+                  </div>
+                </button>
+              )
+            })}
+          </div>
+        </div>
      </div>

-      {/* Footer navigation — static */}
-      <div className='pointer-events-none mt-auto flex flex-shrink-0 flex-col gap-[2px] border-[#2c2c2c] border-t px-[7.75px] pt-[8px] pb-[8px]'>
-        {FOOTER_NAV_ITEMS.map((item) => {
-          const Icon = item.icon
-          return (
-            <div
-              key={item.id}
-              className='flex h-[26px] items-center gap-[8px] rounded-[8px] px-[6px] text-[14px]'
-            >
-              <Icon className='h-[14px] w-[14px] flex-shrink-0 text-[#b3b3b3]' />
-              <span className='truncate font-medium text-[#b3b3b3] text-[13px]'>{item.label}</span>
-            </div>
-          )
-        })}
+      {/* Footer */}
+      <div className='flex flex-shrink-0 flex-col gap-[2px] px-[8px] pt-[9px] pb-[8px]'>
+        {FOOTER_NAV.map((item) => (
+          <StaticNavItem key={item.id} icon={item.icon} label={item.label} />
+        ))}
      </div>
    </div>
  )
--- a/apps/sim/app/(home)/components/landing-preview/components/landing-preview-workflow/preview-block-node.tsx
+++ b/apps/sim/app/(home)/components/landing-preview/components/landing-preview-workflow/preview-block-node.tsx
@@ -4,6 +4,7 @@ import { memo } from 'react'
 import { motion } from 'framer-motion'
 import { Database } from 'lucide-react'
 import { Handle, type NodeProps, Position } from 'reactflow'
+import { Blimp } from '@/components/emcn'
 import {
  AgentIcon,
  AnthropicIcon,
@@ -63,6 +64,7 @@ const BLOCK_ICONS: Record<string, React.ComponentType<{ className?: string }>> =
  reducto: ReductoIcon,
  textract: TextractIcon,
  linkedin: LinkedInIcon,
+  mothership: Blimp,
 }

 /** Model prefix → provider icon for the "Model" row in agent blocks. */
--- a/apps/sim/app/(home)/components/landing-preview/components/landing-preview-workflow/workflow-data.ts
+++ b/apps/sim/app/(home)/components/landing-preview/components/landing-preview-workflow/workflow-data.ts
@@ -91,11 +91,11 @@ const IT_SERVICE_WORKFLOW: PreviewWorkflow = {
 }

 /**
- * Content pipeline workflow — Schedule -> Agent (X + YouTube tools)
+ * Self-healing CRM workflow — Schedule -> Mothership
 */
-const CONTENT_PIPELINE_WORKFLOW: PreviewWorkflow = {
-  id: 'wf-content-pipeline',
-  name: 'Content Pipeline',
+const SELF_HEALING_CRM_WORKFLOW: PreviewWorkflow = {
+  id: 'wf-self-healing-crm',
+  name: 'Self-healing CRM',
  color: '#33C482',
  blocks: [
    {
@@ -111,23 +111,16 @@ const CONTENT_PIPELINE_WORKFLOW: PreviewWorkflow = {
      hideTargetHandle: true,
    },
    {
-      id: 'agent-2',
-      name: 'Agent',
-      type: 'agent',
-      bgColor: '#701ffc',
-      rows: [
-        { title: 'Model', value: 'grok-4' },
-        { title: 'System Prompt', value: 'Repurpose trending...' },
-      ],
-      tools: [
-        { name: 'X', type: 'x', bgColor: '#000000' },
-        { name: 'YouTube', type: 'youtube', bgColor: '#FF0000' },
-      ],
+      id: 'mothership-1',
+      name: 'Update Agent',
+      type: 'mothership',
+      bgColor: '#33C482',
+      rows: [{ title: 'Prompt', value: 'Audit CRM records, fix...' }],
      position: { x: 420, y: 180 },
      hideSourceHandle: true,
    },
  ],
-  edges: [{ id: 'e-3', source: 'schedule-1', target: 'agent-2' }],
+  edges: [{ id: 'e-3', source: 'schedule-1', target: 'mothership-1' }],
 }

 /**
@@ -154,7 +147,7 @@ const NEW_AGENT_WORKFLOW: PreviewWorkflow = {
 }

 export const PREVIEW_WORKFLOWS: PreviewWorkflow[] = [
-  CONTENT_PIPELINE_WORKFLOW,
+  SELF_HEALING_CRM_WORKFLOW,
  IT_SERVICE_WORKFLOW,
  NEW_AGENT_WORKFLOW,
 ]
--- a/apps/sim/app/(home)/components/landing-preview/landing-preview.tsx
+++ b/apps/sim/app/(home)/components/landing-preview/landing-preview.tsx
@@ -1,7 +1,8 @@
 'use client'

-import { useEffect, useRef, useState } from 'react'
+import { useCallback, useEffect, useRef, useState } from 'react'
 import { motion, type Variants } from 'framer-motion'
+import { LandingPreviewHome } from '@/app/(home)/components/landing-preview/components/landing-preview-home/landing-preview-home'
 import { LandingPreviewPanel } from '@/app/(home)/components/landing-preview/components/landing-preview-panel/landing-preview-panel'
 import { LandingPreviewSidebar } from '@/app/(home)/components/landing-preview/components/landing-preview-sidebar/landing-preview-sidebar'
 import { LandingPreviewWorkflow } from '@/app/(home)/components/landing-preview/components/landing-preview-workflow/landing-preview-workflow'
@@ -56,6 +57,7 @@ const panelVariants: Variants = {
 * load — workflow switches render instantly.
 */
 export function LandingPreview() {
+  const [activeView, setActiveView] = useState<'home' | 'workflow'>('workflow')
  const [activeWorkflowId, setActiveWorkflowId] = useState(PREVIEW_WORKFLOWS[0].id)
  const isInitialMount = useRef(true)

@@ -63,12 +65,23 @@ export function LandingPreview() {
    isInitialMount.current = false
  }, [])

+  const handleSelectWorkflow = useCallback((id: string) => {
+    setActiveWorkflowId(id)
+    setActiveView('workflow')
+  }, [])
+
+  const handleSelectHome = useCallback(() => {
+    setActiveView('home')
+  }, [])
+
  const activeWorkflow =
    PREVIEW_WORKFLOWS.find((w) => w.id === activeWorkflowId) ?? PREVIEW_WORKFLOWS[0]

+  const isWorkflowView = activeView === 'workflow'
+
  return (
    <motion.div
-      className='dark flex aspect-[1116/549] w-full overflow-hidden rounded bg-[#1b1b1b] antialiased'
+      className='dark flex aspect-[1116/549] w-full overflow-hidden rounded bg-[#1e1e1e] antialiased'
      initial='hidden'
      animate='visible'
      variants={containerVariants}
@@ -77,15 +90,34 @@ export function LandingPreview() {
        <LandingPreviewSidebar
          workflows={PREVIEW_WORKFLOWS}
          activeWorkflowId={activeWorkflowId}
-          onSelectWorkflow={setActiveWorkflowId}
+          activeView={activeView}
+          onSelectWorkflow={handleSelectWorkflow}
+          onSelectHome={handleSelectHome}
        />
      </motion.div>
-      <div className='relative flex-1 overflow-hidden'>
-        <LandingPreviewWorkflow workflow={activeWorkflow} animate={isInitialMount.current} />
+      <div className='flex min-w-0 flex-1 flex-col p-[8px] pl-0'>
+        <div className='flex flex-1 overflow-hidden rounded-[8px] border border-[#2c2c2c] bg-[#1b1b1b]'>
+          <div
+            className={
+              isWorkflowView
+                ? 'relative min-w-0 flex-1 overflow-hidden'
+                : 'relative flex min-w-0 flex-1 flex-col overflow-hidden'
+            }
+          >
+            {isWorkflowView ? (
+              <LandingPreviewWorkflow workflow={activeWorkflow} animate={isInitialMount.current} />
+            ) : (
+              <LandingPreviewHome />
+            )}
+          </div>
+          <motion.div
+            className={isWorkflowView ? 'hidden lg:flex' : 'hidden'}
+            variants={panelVariants}
+          >
+            <LandingPreviewPanel />
+          </motion.div>
+        </div>
      </div>
-      <motion.div className='hidden lg:flex' variants={panelVariants}>
-        <LandingPreviewPanel />
-      </motion.div>
    </motion.div>
  )
 }
--- a/apps/sim/app/(home)/components/navbar/navbar.tsx
+++ b/apps/sim/app/(home)/components/navbar/navbar.tsx
@@ -86,7 +86,7 @@ export default function Navbar() {
        </Link>
        <Link
          href='/signup'
-          className='inline-flex h-[30px] items-center gap-[7px] rounded-[5px] border border-[#33C482] bg-[#33C482] px-[9px] text-[13.5px] text-black transition-[filter] hover:brightness-110'
+          className='inline-flex h-[30px] items-center gap-[7px] rounded-[5px] border border-[#FFFFFF] bg-[#FFFFFF] px-[9px] text-[13.5px] text-black transition-colors hover:border-[#E0E0E0] hover:bg-[#E0E0E0]'
          aria-label='Get started with Sim'
        >
          Get started
--- a/apps/sim/app/(home)/components/pricing/pricing.tsx
+++ b/apps/sim/app/(home)/components/pricing/pricing.tsx
@@ -123,7 +123,7 @@ function PricingCard({ tier }: PricingCardProps) {
            ) : isPro ? (
              <Link
                href={tier.cta.href}
-                className='flex h-[32px] w-full items-center justify-center rounded-[5px] border border-[#33C482] bg-[#33C482] px-[10px] font-[430] font-season text-[14px] text-white transition-[filter] hover:brightness-110'
+                className='flex h-[32px] w-full items-center justify-center rounded-[5px] border border-[#1D1D1D] bg-[#1D1D1D] px-[10px] font-[430] font-season text-[14px] text-white transition-colors hover:border-[#2A2A2A] hover:bg-[#2A2A2A]'
              >
                {tier.cta.label}
              </Link>
--- a/apps/sim/app/(home)/components/templates/templates.tsx
+++ b/apps/sim/app/(home)/components/templates/templates.tsx
@@ -557,7 +557,7 @@ export default function Templates() {
                  type='button'
                  onClick={handleUseTemplate}
                  disabled={isPreparingTemplate}
-                  className='group/cta absolute top-[16px] right-[16px] z-10 inline-flex h-[32px] cursor-pointer items-center gap-[6px] rounded-[5px] border border-[#33C482] bg-[#33C482] px-[10px] font-[430] font-season text-[14px] text-black transition-[filter] hover:brightness-110'
+                  className='group/cta absolute top-[16px] right-[16px] z-10 inline-flex h-[32px] cursor-pointer items-center gap-[6px] rounded-[5px] border border-[#FFFFFF] bg-[#FFFFFF] px-[10px] font-[430] font-season text-[14px] text-black transition-colors hover:border-[#E0E0E0] hover:bg-[#E0E0E0]'
                >
                  {isPreparingTemplate ? 'Preparing...' : 'Use template'}
                  <span className='relative h-[10px] w-[10px] shrink-0'>
--- a/apps/sim/app/_styles/globals.css
+++ b/apps/sim/app/_styles/globals.css
@@ -33,27 +33,25 @@
  opacity: 0;
 }

-html[data-sidebar-collapsed] .sidebar-container span,
-html[data-sidebar-collapsed] .sidebar-container .text-small {
-  opacity: 0;
-}
-
 .sidebar-container .sidebar-collapse-hide {
  transition: opacity 60ms ease;
 }

-.sidebar-container[data-collapsed] .sidebar-collapse-hide,
-html[data-sidebar-collapsed] .sidebar-container .sidebar-collapse-hide {
+.sidebar-container[data-collapsed] .sidebar-collapse-hide {
  opacity: 0;
 }

-html[data-sidebar-collapsed] .sidebar-container .sidebar-collapse-remove {
-  display: none;
+@keyframes sidebar-collapse-guard {
+  from {
+    pointer-events: none;
+  }
+  to {
+    pointer-events: auto;
+  }
 }

-html[data-sidebar-collapsed] .sidebar-container .sidebar-collapse-btn {
-  width: 0;
-  opacity: 0;
+.sidebar-container[data-collapsed] {
+  animation: sidebar-collapse-guard 250ms step-end;
 }

 .sidebar-container.is-resizing {
@@ -160,7 +158,7 @@ html[data-sidebar-collapsed] .sidebar-container .sidebar-collapse-btn {
    --brand-400: #8e4cfb;
    --brand-secondary: #33b4ff;
    --brand-tertiary: #22c55e;
-    --brand-tertiary-2: #32bd7e;
+    --brand-tertiary-2: #33c482;
    --selection: #1a5cf6;
    --warning: #ea580c;

@@ -282,7 +280,7 @@ html[data-sidebar-collapsed] .sidebar-container .sidebar-collapse-btn {
    --brand-400: #8e4cfb;
    --brand-secondary: #33b4ff;
    --brand-tertiary: #22c55e;
-    --brand-tertiary-2: #32bd7e;
+    --brand-tertiary-2: #33c482;
    --selection: #4b83f7;
    --warning: #ff6600;

--- a/apps/sim/app/api/attribution/route.ts
+++ b/apps/sim/app/api/attribution/route.ts
@@ -0,0 +1,187 @@
+/**
+ * POST /api/attribution
+ *
+ * Automatic UTM-based referral attribution.
+ *
+ * Reads the `sim_utm` cookie (set by proxy on auth pages), matches a campaign
+ * by UTM specificity, and atomically inserts an attribution record + applies
+ * bonus credits.
+ *
+ * Idempotent — the unique constraint on `userId` prevents double-attribution.
+ */
+
+import { db } from '@sim/db'
+import { referralAttribution, referralCampaigns, userStats } from '@sim/db/schema'
+import { createLogger } from '@sim/logger'
+import { eq } from 'drizzle-orm'
+import { nanoid } from 'nanoid'
+import { cookies } from 'next/headers'
+import { NextResponse } from 'next/server'
+import { z } from 'zod'
+import { getSession } from '@/lib/auth'
+import { applyBonusCredits } from '@/lib/billing/credits/bonus'
+
+const logger = createLogger('AttributionAPI')
+
+const COOKIE_NAME = 'sim_utm'
+
+const UtmCookieSchema = z.object({
+  utm_source: z.string().optional(),
+  utm_medium: z.string().optional(),
+  utm_campaign: z.string().optional(),
+  utm_content: z.string().optional(),
+  referrer_url: z.string().optional(),
+  landing_page: z.string().optional(),
+  created_at: z.string().optional(),
+})
+
+/**
+ * Finds the most specific active campaign matching the given UTM params.
+ * Null fields on a campaign act as wildcards. Ties broken by newest campaign.
+ */
+async function findMatchingCampaign(utmData: z.infer<typeof UtmCookieSchema>) {
+  const campaigns = await db
+    .select()
+    .from(referralCampaigns)
+    .where(eq(referralCampaigns.isActive, true))
+
+  let bestMatch: (typeof campaigns)[number] | null = null
+  let bestScore = -1
+
+  for (const campaign of campaigns) {
+    let score = 0
+    let mismatch = false
+
+    const fields = [
+      { campaignVal: campaign.utmSource, utmVal: utmData.utm_source },
+      { campaignVal: campaign.utmMedium, utmVal: utmData.utm_medium },
+      { campaignVal: campaign.utmCampaign, utmVal: utmData.utm_campaign },
+      { campaignVal: campaign.utmContent, utmVal: utmData.utm_content },
+    ] as const
+
+    for (const { campaignVal, utmVal } of fields) {
+      if (campaignVal === null) continue
+      if (campaignVal === utmVal) {
+        score++
+      } else {
+        mismatch = true
+        break
+      }
+    }
+
+    if (!mismatch && score > 0) {
+      if (
+        score > bestScore ||
+        (score === bestScore &&
+          bestMatch &&
+          campaign.createdAt.getTime() > bestMatch.createdAt.getTime())
+      ) {
+        bestScore = score
+        bestMatch = campaign
+      }
+    }
+  }
+
+  return bestMatch
+}
+
+export async function POST() {
+  try {
+    const session = await getSession()
+    if (!session?.user?.id) {
+      return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
+    }
+
+    const cookieStore = await cookies()
+    const utmCookie = cookieStore.get(COOKIE_NAME)
+    if (!utmCookie?.value) {
+      return NextResponse.json({ attributed: false, reason: 'no_utm_cookie' })
+    }
+
+    let utmData: z.infer<typeof UtmCookieSchema>
+    try {
+      let decoded: string
+      try {
+        decoded = decodeURIComponent(utmCookie.value)
+      } catch {
+        decoded = utmCookie.value
+      }
+      utmData = UtmCookieSchema.parse(JSON.parse(decoded))
+    } catch {
+      logger.warn('Failed to parse UTM cookie', { userId: session.user.id })
+      cookieStore.delete(COOKIE_NAME)
+      return NextResponse.json({ attributed: false, reason: 'invalid_cookie' })
+    }
+
+    const matchedCampaign = await findMatchingCampaign(utmData)
+    if (!matchedCampaign) {
+      cookieStore.delete(COOKIE_NAME)
+      return NextResponse.json({ attributed: false, reason: 'no_matching_campaign' })
+    }
+
+    const bonusAmount = Number(matchedCampaign.bonusCreditAmount)
+
+    let attributed = false
+    await db.transaction(async (tx) => {
+      const [existingStats] = await tx
+        .select({ id: userStats.id })
+        .from(userStats)
+        .where(eq(userStats.userId, session.user.id))
+        .limit(1)
+
+      if (!existingStats) {
+        await tx.insert(userStats).values({
+          id: nanoid(),
+          userId: session.user.id,
+        })
+      }
+
+      const result = await tx
+        .insert(referralAttribution)
+        .values({
+          id: nanoid(),
+          userId: session.user.id,
+          campaignId: matchedCampaign.id,
+          utmSource: utmData.utm_source || null,
+          utmMedium: utmData.utm_medium || null,
+          utmCampaign: utmData.utm_campaign || null,
+          utmContent: utmData.utm_content || null,
+          referrerUrl: utmData.referrer_url || null,
+          landingPage: utmData.landing_page || null,
+          bonusCreditAmount: bonusAmount.toString(),
+        })
+        .onConflictDoNothing({ target: referralAttribution.userId })
+        .returning({ id: referralAttribution.id })
+
+      if (result.length > 0) {
+        await applyBonusCredits(session.user.id, bonusAmount, tx)
+        attributed = true
+      }
+    })
+
+    if (attributed) {
+      logger.info('Referral attribution created and bonus credits applied', {
+        userId: session.user.id,
+        campaignId: matchedCampaign.id,
+        campaignName: matchedCampaign.name,
+        utmSource: utmData.utm_source,
+        utmCampaign: utmData.utm_campaign,
+        utmContent: utmData.utm_content,
+        bonusAmount,
+      })
+    } else {
+      logger.info('User already attributed, skipping', { userId: session.user.id })
+    }
+
+    cookieStore.delete(COOKIE_NAME)
+
+    return NextResponse.json({
+      attributed,
+      bonusAmount: attributed ? bonusAmount : undefined,
+      reason: attributed ? undefined : 'already_attributed',
+    })
+  } catch (error) {
+    logger.error('Attribution error', { error })
+    return NextResponse.json({ error: 'Internal server error' }, { status: 500 })
+  }
+}
--- a/apps/sim/app/api/emails/preview/route.ts
+++ b/apps/sim/app/api/emails/preview/route.ts
@@ -171,7 +171,7 @@ export async function GET(request: NextRequest) {
        ([category, templates]) => `
        <h2 style="margin-top: 24px; margin-bottom: 12px; font-size: 14px; color: #666; text-transform: uppercase; letter-spacing: 0.5px;">${category}</h2>
        <ul style="list-style: none; padding: 0; margin: 0;">
-          ${templates.map((t) => `<li style="margin: 8px 0;"><a href="?template=${t}" style="color: #32bd7e; text-decoration: none; font-size: 16px;">${t}</a></li>`).join('')}
+          ${templates.map((t) => `<li style="margin: 8px 0;"><a href="?template=${t}" style="color: #33C482; text-decoration: none; font-size: 16px;">${t}</a></li>`).join('')}
        </ul>
      `
      )
--- a/apps/sim/app/api/files/authorization.ts
+++ b/apps/sim/app/api/files/authorization.ts
@@ -120,8 +120,8 @@ export async function verifyFileAccess(
      return true
    }

-    // 1. Workspace / mothership files: Check database first (most reliable for both local and cloud)
-    if (inferredContext === 'workspace' || inferredContext === 'mothership') {
+    // 1. Workspace files: Check database first (most reliable for both local and cloud)
+    if (inferredContext === 'workspace') {
      return await verifyWorkspaceFileAccess(cloudKey, userId, customConfig, isLocal)
    }

--- a/apps/sim/app/api/files/upload/route.ts
+++ b/apps/sim/app/api/files/upload/route.ts
@@ -4,7 +4,6 @@ import { sanitizeFileName } from '@/executor/constants'
 import '@/lib/uploads/core/setup.server'
 import { getSession } from '@/lib/auth'
 import type { StorageContext } from '@/lib/uploads/config'
-import { generateWorkspaceFileKey } from '@/lib/uploads/contexts/workspace/workspace-file-manager'
 import { isImageFileType, resolveFileType } from '@/lib/uploads/utils/file-utils'
 import {
  SUPPORTED_AUDIO_EXTENSIONS,
@@ -75,7 +74,10 @@ export async function POST(request: NextRequest) {
    const uploadResults = []

    for (const file of files) {
-      const originalName = file.name || 'untitled'
+      const originalName = file.name
+      if (!originalName) {
+        throw new InvalidRequestError('File name is missing')
+      }

      if (!validateFileExtension(originalName)) {
        const extension = originalName.split('.').pop()?.toLowerCase() || 'unknown'
@@ -233,53 +235,6 @@ export async function POST(request: NextRequest) {
        }
      }

-      // Handle mothership context (chat-scoped uploads to workspace S3)
-      if (context === 'mothership') {
-        if (!workspaceId) {
-          throw new InvalidRequestError('Mothership context requires workspaceId parameter')
-        }
-
-        logger.info(`Uploading mothership file: ${originalName}`)
-
-        const storageKey = generateWorkspaceFileKey(workspaceId, originalName)
-
-        const metadata: Record<string, string> = {
-          originalName: originalName,
-          uploadedAt: new Date().toISOString(),
-          purpose: 'mothership',
-          userId: session.user.id,
-          workspaceId,
-        }
-
-        const fileInfo = await storageService.uploadFile({
-          file: buffer,
-          fileName: storageKey,
-          contentType: file.type || 'application/octet-stream',
-          context: 'mothership',
-          preserveKey: true,
-          customKey: storageKey,
-          metadata,
-        })
-
-        const finalPath = usingCloudStorage ? `${fileInfo.path}?context=mothership` : fileInfo.path
-
-        uploadResults.push({
-          fileName: originalName,
-          presignedUrl: '',
-          fileInfo: {
-            path: finalPath,
-            key: fileInfo.key,
-            name: originalName,
-            size: buffer.length,
-            type: file.type || 'application/octet-stream',
-          },
-          directUploadSupported: false,
-        })
-
-        logger.info(`Successfully uploaded mothership file: ${fileInfo.key}`)
-        continue
-      }
-
      // Handle copilot, chat, profile-pictures contexts
      if (context === 'copilot' || context === 'chat' || context === 'profile-pictures') {
        if (context === 'copilot') {
--- a/apps/sim/app/api/mothership/chat/route.ts
+++ b/apps/sim/app/api/mothership/chat/route.ts
@@ -31,8 +31,6 @@ const FileAttachmentSchema = z.object({
 const ResourceAttachmentSchema = z.object({
  type: z.enum(['workflow', 'table', 'file', 'knowledgebase']),
  id: z.string().min(1),
-  title: z.string().optional(),
-  active: z.boolean().optional(),
 })

 const MothershipMessageSchema = z.object({
@@ -126,19 +124,9 @@ export async function POST(req: NextRequest) {

    if (Array.isArray(resourceAttachments) && resourceAttachments.length > 0) {
      const results = await Promise.allSettled(
-        resourceAttachments.map(async (r) => {
-          const ctx = await resolveActiveResourceContext(
-            r.type,
-            r.id,
-            workspaceId,
-            authenticatedUserId
-          )
-          if (!ctx) return null
-          return {
-            ...ctx,
-            tag: r.active ? '@active_tab' : '@open_tab',
-          }
-        })
+        resourceAttachments.map((r) =>
+          resolveActiveResourceContext(r.type, r.id, workspaceId, authenticatedUserId)
+        )
      )
      for (const result of results) {
        if (result.status === 'fulfilled' && result.value) {
--- a/apps/sim/app/api/referral-code/redeem/route.ts
+++ b/apps/sim/app/api/referral-code/redeem/route.ts
@@ -0,0 +1,171 @@
+/**
+ * POST /api/referral-code/redeem
+ *
+ * Redeem a referral/promo code to receive bonus credits.
+ *
+ * Body:
+ *   - code: string — The referral code to redeem
+ *
+ * Response: { redeemed: boolean, bonusAmount?: number, error?: string }
+ *
+ * Constraints:
+ *   - Enterprise users cannot redeem codes
+ *   - One redemption per user, ever (unique constraint on userId)
+ *   - One redemption per organization for team users (partial unique on organizationId)
+ */
+
+import { db } from '@sim/db'
+import { referralAttribution, referralCampaigns, userStats } from '@sim/db/schema'
+import { createLogger } from '@sim/logger'
+import { and, eq } from 'drizzle-orm'
+import { nanoid } from 'nanoid'
+import { NextResponse } from 'next/server'
+import { z } from 'zod'
+import { getSession } from '@/lib/auth'
+import { getHighestPrioritySubscription } from '@/lib/billing/core/subscription'
+import { applyBonusCredits } from '@/lib/billing/credits/bonus'
+import { isEnterprise, isTeam } from '@/lib/billing/plan-helpers'
+
+const logger = createLogger('ReferralCodeRedemption')
+
+const RedeemCodeSchema = z.object({
+  code: z.string().min(1, 'Code is required'),
+})
+
+export async function POST(request: Request) {
+  try {
+    const session = await getSession()
+    if (!session?.user?.id) {
+      return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
+    }
+
+    const body = await request.json()
+    const { code } = RedeemCodeSchema.parse(body)
+
+    const subscription = await getHighestPrioritySubscription(session.user.id)
+
+    if (isEnterprise(subscription?.plan)) {
+      return NextResponse.json({
+        redeemed: false,
+        error: 'Enterprise accounts cannot redeem referral codes',
+      })
+    }
+
+    const isTeamSub = isTeam(subscription?.plan)
+    const orgId = isTeamSub ? subscription!.referenceId : null
+
+    const normalizedCode = code.trim().toUpperCase()
+
+    const [campaign] = await db
+      .select()
+      .from(referralCampaigns)
+      .where(and(eq(referralCampaigns.code, normalizedCode), eq(referralCampaigns.isActive, true)))
+      .limit(1)
+
+    if (!campaign) {
+      logger.info('Invalid code redemption attempt', {
+        userId: session.user.id,
+        code: normalizedCode,
+      })
+      return NextResponse.json({ error: 'Invalid or expired code' }, { status: 404 })
+    }
+
+    const [existingUserAttribution] = await db
+      .select({ id: referralAttribution.id })
+      .from(referralAttribution)
+      .where(eq(referralAttribution.userId, session.user.id))
+      .limit(1)
+
+    if (existingUserAttribution) {
+      return NextResponse.json({
+        redeemed: false,
+        error: 'You have already redeemed a code',
+      })
+    }
+
+    if (orgId) {
+      const [existingOrgAttribution] = await db
+        .select({ id: referralAttribution.id })
+        .from(referralAttribution)
+        .where(eq(referralAttribution.organizationId, orgId))
+        .limit(1)
+
+      if (existingOrgAttribution) {
+        return NextResponse.json({
+          redeemed: false,
+          error: 'A code has already been redeemed for your organization',
+        })
+      }
+    }
+
+    const bonusAmount = Number(campaign.bonusCreditAmount)
+
+    let redeemed = false
+    await db.transaction(async (tx) => {
+      const [existingStats] = await tx
+        .select({ id: userStats.id })
+        .from(userStats)
+        .where(eq(userStats.userId, session.user.id))
+        .limit(1)
+
+      if (!existingStats) {
+        await tx.insert(userStats).values({
+          id: nanoid(),
+          userId: session.user.id,
+        })
+      }
+
+      const result = await tx
+        .insert(referralAttribution)
+        .values({
+          id: nanoid(),
+          userId: session.user.id,
+          organizationId: orgId,
+          campaignId: campaign.id,
+          utmSource: null,
+          utmMedium: null,
+          utmCampaign: null,
+          utmContent: null,
+          referrerUrl: null,
+          landingPage: null,
+          bonusCreditAmount: bonusAmount.toString(),
+        })
+        .onConflictDoNothing()
+        .returning({ id: referralAttribution.id })
+
+      if (result.length > 0) {
+        await applyBonusCredits(session.user.id, bonusAmount, tx)
+        redeemed = true
+      }
+    })
+
+    if (redeemed) {
+      logger.info('Referral code redeemed', {
+        userId: session.user.id,
+        organizationId: orgId,
+        code: normalizedCode,
+        campaignId: campaign.id,
+        campaignName: campaign.name,
+        bonusAmount,
+      })
+    }
+
+    if (!redeemed) {
+      return NextResponse.json({
+        redeemed: false,
+        error: 'You have already redeemed a code',
+      })
+    }
+
+    return NextResponse.json({
+      redeemed: true,
+      bonusAmount,
+    })
+  } catch (error) {
+    if (error instanceof z.ZodError) {
+      return NextResponse.json({ error: error.errors[0].message }, { status: 400 })
+    }
+    logger.error('Referral code redemption error', { error })
+    return NextResponse.json({ error: 'Internal server error' }, { status: 500 })
+  }
+}
--- a/apps/sim/app/api/v1/admin/index.ts
+++ b/apps/sim/app/api/v1/admin/index.ts
@@ -103,6 +103,7 @@ export type {
  AdminOrganization,
  AdminOrganizationBillingSummary,
  AdminOrganizationDetail,
+  AdminReferralCampaign,
  AdminSeatAnalytics,
  AdminSingleResponse,
  AdminSubscription,
@@ -117,6 +118,7 @@ export type {
  AdminWorkspaceMember,
  DbMember,
  DbOrganization,
+  DbReferralCampaign,
  DbSubscription,
  DbUser,
  DbUserStats,
@@ -145,6 +147,7 @@ export {
  parseWorkflowVariables,
  toAdminFolder,
  toAdminOrganization,
+  toAdminReferralCampaign,
  toAdminSubscription,
  toAdminUser,
  toAdminWorkflow,
--- a/apps/sim/app/api/v1/admin/referral-campaigns/[id]/route.ts
+++ b/apps/sim/app/api/v1/admin/referral-campaigns/[id]/route.ts
@@ -0,0 +1,142 @@
+/**
+ * GET   /api/v1/admin/referral-campaigns/:id
+ *
+ * Get a single referral campaign by ID.
+ *
+ * PATCH /api/v1/admin/referral-campaigns/:id
+ *
+ * Update campaign fields. All fields are optional.
+ *
+ * Body:
+ *   - name: string (non-empty) - Campaign name
+ *   - bonusCreditAmount: number (> 0) - Bonus credits in dollars
+ *   - isActive: boolean - Enable/disable the campaign
+ *   - code: string | null (min 6 chars, auto-uppercased, null to remove) - Redeemable code
+ *   - utmSource: string | null - UTM source match (null = wildcard)
+ *   - utmMedium: string | null - UTM medium match (null = wildcard)
+ *   - utmCampaign: string | null - UTM campaign match (null = wildcard)
+ *   - utmContent: string | null - UTM content match (null = wildcard)
+ */
+
+import { db } from '@sim/db'
+import { referralCampaigns } from '@sim/db/schema'
+import { createLogger } from '@sim/logger'
+import { eq } from 'drizzle-orm'
+import { getBaseUrl } from '@/lib/core/utils/urls'
+import { withAdminAuthParams } from '@/app/api/v1/admin/middleware'
+import {
+  badRequestResponse,
+  internalErrorResponse,
+  notFoundResponse,
+  singleResponse,
+} from '@/app/api/v1/admin/responses'
+import { toAdminReferralCampaign } from '@/app/api/v1/admin/types'
+
+const logger = createLogger('AdminReferralCampaignDetailAPI')
+
+interface RouteParams {
+  id: string
+}
+
+export const GET = withAdminAuthParams<RouteParams>(async (_, context) => {
+  try {
+    const { id: campaignId } = await context.params
+
+    const [campaign] = await db
+      .select()
+      .from(referralCampaigns)
+      .where(eq(referralCampaigns.id, campaignId))
+      .limit(1)
+
+    if (!campaign) {
+      return notFoundResponse('Campaign')
+    }
+
+    logger.info(`Admin API: Retrieved referral campaign ${campaignId}`)
+
+    return singleResponse(toAdminReferralCampaign(campaign, getBaseUrl()))
+  } catch (error) {
+    logger.error('Admin API: Failed to get referral campaign', { error })
+    return internalErrorResponse('Failed to get referral campaign')
+  }
+})
+
+export const PATCH = withAdminAuthParams<RouteParams>(async (request, context) => {
+  try {
+    const { id: campaignId } = await context.params
+    const body = await request.json()
+
+    const [existing] = await db
+      .select()
+      .from(referralCampaigns)
+      .where(eq(referralCampaigns.id, campaignId))
+      .limit(1)
+
+    if (!existing) {
+      return notFoundResponse('Campaign')
+    }
+
+    const updateData: Record<string, unknown> = { updatedAt: new Date() }
+
+    if (body.name !== undefined) {
+      if (typeof body.name !== 'string' || body.name.trim().length === 0) {
+        return badRequestResponse('name must be a non-empty string')
+      }
+      updateData.name = body.name.trim()
+    }
+
+    if (body.bonusCreditAmount !== undefined) {
+      if (
+        typeof body.bonusCreditAmount !== 'number' ||
+        !Number.isFinite(body.bonusCreditAmount) ||
+        body.bonusCreditAmount <= 0
+      ) {
+        return badRequestResponse('bonusCreditAmount must be a positive number')
+      }
+      updateData.bonusCreditAmount = body.bonusCreditAmount.toString()
+    }
+
+    if (body.isActive !== undefined) {
+      if (typeof body.isActive !== 'boolean') {
+        return badRequestResponse('isActive must be a boolean')
+      }
+      updateData.isActive = body.isActive
+    }
+
+    if (body.code !== undefined) {
+      if (body.code !== null) {
+        if (typeof body.code !== 'string') {
+          return badRequestResponse('code must be a string or null')
+        }
+        if (body.code.trim().length < 6) {
+          return badRequestResponse('code must be at least 6 characters')
+        }
+      }
+      updateData.code = body.code ? body.code.trim().toUpperCase() : null
+    }
+
+    for (const field of ['utmSource', 'utmMedium', 'utmCampaign', 'utmContent'] as const) {
+      if (body[field] !== undefined) {
+        if (body[field] !== null && typeof body[field] !== 'string') {
+          return badRequestResponse(`${field} must be a string or null`)
+        }
+        updateData[field] = body[field] || null
+      }
+    }
+
+    const [updated] = await db
+      .update(referralCampaigns)
+      .set(updateData)
+      .where(eq(referralCampaigns.id, campaignId))
+      .returning()
+
+    logger.info(`Admin API: Updated referral campaign ${campaignId}`, {
+      fields: Object.keys(updateData).filter((k) => k !== 'updatedAt'),
+    })
+
+    return singleResponse(toAdminReferralCampaign(updated, getBaseUrl()))
+  } catch (error) {
+    logger.error('Admin API: Failed to update referral campaign', { error })
+    return internalErrorResponse('Failed to update referral campaign')
+  }
+})
--- a/apps/sim/app/api/v1/admin/referral-campaigns/route.ts
+++ b/apps/sim/app/api/v1/admin/referral-campaigns/route.ts
@@ -1,160 +1,104 @@
 /**
 * GET  /api/v1/admin/referral-campaigns
 *
- * List Stripe promotion codes with cursor-based pagination.
+ * List referral campaigns with optional filtering and pagination.
 *
 * Query Parameters:
- *   - limit: number (default: 50, max: 100)
- *   - starting_after: string (cursor — Stripe promotion code ID)
- *   - active: 'true' | 'false' (optional filter)
+ *   - active: string (optional) - Filter by active status ('true' or 'false')
+ *   - limit: number (default: 50, max: 250)
+ *   - offset: number (default: 0)
 *
 * POST /api/v1/admin/referral-campaigns
 *
- * Create a Stripe coupon and an associated promotion code.
+ * Create a new referral campaign.
 *
 * Body:
- *   - name: string (required) — Display name for the coupon
- *   - percentOff: number (required, 1–100) — Percentage discount
- *   - code: string | null (optional, min 6 chars, auto-uppercased) — Desired code
- *   - duration: 'once' | 'repeating' | 'forever' (default: 'once')
- *   - durationInMonths: number (required when duration is 'repeating')
- *   - maxRedemptions: number (optional) — Total redemption cap
- *   - expiresAt: ISO 8601 string (optional) — Promotion code expiry
+ *   - name: string (required) - Campaign name
+ *   - bonusCreditAmount: number (required, > 0) - Bonus credits in dollars
+ *   - code: string | null (optional, min 6 chars, auto-uppercased) - Redeemable code
+ *   - utmSource: string | null (optional) - UTM source match (null = wildcard)
+ *   - utmMedium: string | null (optional) - UTM medium match (null = wildcard)
+ *   - utmCampaign: string | null (optional) - UTM campaign match (null = wildcard)
+ *   - utmContent: string | null (optional) - UTM content match (null = wildcard)
 */

+import { db } from '@sim/db'
+import { referralCampaigns } from '@sim/db/schema'
 import { createLogger } from '@sim/logger'
-import { NextResponse } from 'next/server'
-import type Stripe from 'stripe'
-import { requireStripeClient } from '@/lib/billing/stripe-client'
+import { count, eq, type SQL } from 'drizzle-orm'
+import { nanoid } from 'nanoid'
+import { getBaseUrl } from '@/lib/core/utils/urls'
 import { withAdminAuth } from '@/app/api/v1/admin/middleware'
 import {
  badRequestResponse,
  internalErrorResponse,
+  listResponse,
  singleResponse,
 } from '@/app/api/v1/admin/responses'
+import {
+  type AdminReferralCampaign,
+  createPaginationMeta,
+  parsePaginationParams,
+  toAdminReferralCampaign,
+} from '@/app/api/v1/admin/types'

-const logger = createLogger('AdminPromoCodes')
-
-const VALID_DURATIONS = ['once', 'repeating', 'forever'] as const
-type Duration = (typeof VALID_DURATIONS)[number]
-
-interface PromoCodeResponse {
-  id: string
-  code: string
-  couponId: string
-  name: string
-  percentOff: number
-  duration: string
-  durationInMonths: number | null
-  maxRedemptions: number | null
-  expiresAt: string | null
-  active: boolean
-  timesRedeemed: number
-  createdAt: string
-}
-
-function formatPromoCode(promo: {
-  id: string
-  code: string
-  coupon: {
-    id: string
-    name: string | null
-    percent_off: number | null
-    duration: string
-    duration_in_months: number | null
-  }
-  max_redemptions: number | null
-  expires_at: number | null
-  active: boolean
-  times_redeemed: number
-  created: number
-}): PromoCodeResponse {
-  return {
-    id: promo.id,
-    code: promo.code,
-    couponId: promo.coupon.id,
-    name: promo.coupon.name ?? '',
-    percentOff: promo.coupon.percent_off ?? 0,
-    duration: promo.coupon.duration,
-    durationInMonths: promo.coupon.duration_in_months,
-    maxRedemptions: promo.max_redemptions,
-    expiresAt: promo.expires_at ? new Date(promo.expires_at * 1000).toISOString() : null,
-    active: promo.active,
-    timesRedeemed: promo.times_redeemed,
-    createdAt: new Date(promo.created * 1000).toISOString(),
-  }
-}
+const logger = createLogger('AdminReferralCampaignsAPI')

 export const GET = withAdminAuth(async (request) => {
+  const url = new URL(request.url)
+  const { limit, offset } = parsePaginationParams(url)
+  const activeFilter = url.searchParams.get('active')
+
  try {
-    const stripe = requireStripeClient()
-    const url = new URL(request.url)
+    const conditions: SQL<unknown>[] = []
+    if (activeFilter === 'true') {
+      conditions.push(eq(referralCampaigns.isActive, true))
+    } else if (activeFilter === 'false') {
+      conditions.push(eq(referralCampaigns.isActive, false))
+    }

-    const limitParam = url.searchParams.get('limit')
-    let limit = limitParam ? Number.parseInt(limitParam, 10) : 50
-    if (Number.isNaN(limit) || limit < 1) limit = 50
-    if (limit > 100) limit = 100
+    const whereClause = conditions.length > 0 ? conditions[0] : undefined
+    const baseUrl = getBaseUrl()

-    const startingAfter = url.searchParams.get('starting_after') || undefined
-    const activeFilter = url.searchParams.get('active')
+    const [countResult, campaigns] = await Promise.all([
+      db.select({ total: count() }).from(referralCampaigns).where(whereClause),
+      db
+        .select()
+        .from(referralCampaigns)
+        .where(whereClause)
+        .orderBy(referralCampaigns.createdAt)
+        .limit(limit)
+        .offset(offset),
+    ])

-    const listParams: Record<string, unknown> = { limit }
-    if (startingAfter) listParams.starting_after = startingAfter
-    if (activeFilter === 'true') listParams.active = true
-    else if (activeFilter === 'false') listParams.active = false
+    const total = countResult[0].total
+    const data: AdminReferralCampaign[] = campaigns.map((c) => toAdminReferralCampaign(c, baseUrl))
+    const pagination = createPaginationMeta(total, limit, offset)

-    const promoCodes = await stripe.promotionCodes.list(listParams)
+    logger.info(`Admin API: Listed ${data.length} referral campaigns (total: ${total})`)

-    const data = promoCodes.data.map(formatPromoCode)
-
-    logger.info(`Admin API: Listed ${data.length} Stripe promotion codes`)
-
-    return NextResponse.json({
-      data,
-      hasMore: promoCodes.has_more,
-      ...(data.length > 0 ? { nextCursor: data[data.length - 1].id } : {}),
-    })
+    return listResponse(data, pagination)
  } catch (error) {
-    logger.error('Admin API: Failed to list promotion codes', { error })
-    return internalErrorResponse('Failed to list promotion codes')
+    logger.error('Admin API: Failed to list referral campaigns', { error })
+    return internalErrorResponse('Failed to list referral campaigns')
  }
 })

 export const POST = withAdminAuth(async (request) => {
  try {
-    const stripe = requireStripeClient()
    const body = await request.json()
+    const { name, code, utmSource, utmMedium, utmCampaign, utmContent, bonusCreditAmount } = body

-    const { name, percentOff, code, duration, durationInMonths, maxRedemptions, expiresAt } = body
-
-    if (!name || typeof name !== 'string' || name.trim().length === 0) {
-      return badRequestResponse('name is required and must be a non-empty string')
+    if (!name || typeof name !== 'string') {
+      return badRequestResponse('name is required and must be a string')
    }

    if (
-      typeof percentOff !== 'number' ||
-      !Number.isFinite(percentOff) ||
-      percentOff < 1 ||
-      percentOff > 100
+      typeof bonusCreditAmount !== 'number' ||
+      !Number.isFinite(bonusCreditAmount) ||
+      bonusCreditAmount <= 0
    ) {
-      return badRequestResponse('percentOff must be a number between 1 and 100')
-    }
-
-    const effectiveDuration: Duration = duration ?? 'once'
-    if (!VALID_DURATIONS.includes(effectiveDuration)) {
-      return badRequestResponse(`duration must be one of: ${VALID_DURATIONS.join(', ')}`)
-    }
-
-    if (effectiveDuration === 'repeating') {
-      if (
-        typeof durationInMonths !== 'number' ||
-        !Number.isInteger(durationInMonths) ||
-        durationInMonths < 1
-      ) {
-        return badRequestResponse(
-          'durationInMonths is required and must be a positive integer when duration is "repeating"'
-        )
-      }
+      return badRequestResponse('bonusCreditAmount must be a positive number')
    }

    if (code !== undefined && code !== null) {
@@ -166,77 +110,31 @@ export const POST = withAdminAuth(async (request) => {
      }
    }

-    if (maxRedemptions !== undefined && maxRedemptions !== null) {
-      if (
-        typeof maxRedemptions !== 'number' ||
-        !Number.isInteger(maxRedemptions) ||
-        maxRedemptions < 1
-      ) {
-        return badRequestResponse('maxRedemptions must be a positive integer')
-      }
-    }
+    const id = nanoid()

-    if (expiresAt !== undefined && expiresAt !== null) {
-      const parsed = new Date(expiresAt)
-      if (Number.isNaN(parsed.getTime())) {
-        return badRequestResponse('expiresAt must be a valid ISO 8601 date string')
-      }
-      if (parsed.getTime() <= Date.now()) {
-        return badRequestResponse('expiresAt must be in the future')
-      }
-    }
+    const [campaign] = await db
+      .insert(referralCampaigns)
+      .values({
+        id,
+        name,
+        code: code ? code.trim().toUpperCase() : null,
+        utmSource: utmSource || null,
+        utmMedium: utmMedium || null,
+        utmCampaign: utmCampaign || null,
+        utmContent: utmContent || null,
+        bonusCreditAmount: bonusCreditAmount.toString(),
+      })
+      .returning()

-    const coupon = await stripe.coupons.create({
-      name: name.trim(),
-      percent_off: percentOff,
-      duration: effectiveDuration,
-      ...(effectiveDuration === 'repeating' ? { duration_in_months: durationInMonths } : {}),
+    logger.info(`Admin API: Created referral campaign ${id}`, {
+      name,
+      code: campaign.code,
+      bonusCreditAmount,
    })

-    let promoCode
-    try {
-      const promoParams: Stripe.PromotionCodeCreateParams = {
-        coupon: coupon.id,
-        ...(code ? { code: code.trim().toUpperCase() } : {}),
-        ...(maxRedemptions ? { max_redemptions: maxRedemptions } : {}),
-        ...(expiresAt ? { expires_at: Math.floor(new Date(expiresAt).getTime() / 1000) } : {}),
-      }
-
-      promoCode = await stripe.promotionCodes.create(promoParams)
-    } catch (promoError) {
-      try {
-        await stripe.coupons.del(coupon.id)
-      } catch (cleanupError) {
-        logger.error(
-          'Admin API: Failed to clean up orphaned coupon after promo code creation failed',
-          {
-            couponId: coupon.id,
-            cleanupError,
-          }
-        )
-      }
-      throw promoError
-    }
-
-    logger.info('Admin API: Created Stripe promotion code', {
-      promoCodeId: promoCode.id,
-      code: promoCode.code,
-      couponId: coupon.id,
-      percentOff,
-      duration: effectiveDuration,
-    })
-
-    return singleResponse(formatPromoCode(promoCode))
+    return singleResponse(toAdminReferralCampaign(campaign, getBaseUrl()))
  } catch (error) {
-    if (
-      error instanceof Error &&
-      'type' in error &&
-      (error as { type: string }).type === 'StripeInvalidRequestError'
-    ) {
-      logger.warn('Admin API: Stripe rejected promotion code request', { error: error.message })
-      return badRequestResponse(error.message)
-    }
-    logger.error('Admin API: Failed to create promotion code', { error })
-    return internalErrorResponse('Failed to create promotion code')
+    logger.error('Admin API: Failed to create referral campaign', { error })
+    return internalErrorResponse('Failed to create referral campaign')
  }
 })
--- a/apps/sim/app/api/v1/admin/types.ts
+++ b/apps/sim/app/api/v1/admin/types.ts
@@ -9,6 +9,7 @@ import type {
  auditLog,
  member,
  organization,
+  referralCampaigns,
  subscription,
  user,
  userStats,
@@ -32,6 +33,7 @@ export type DbOrganization = InferSelectModel<typeof organization>
 export type DbSubscription = InferSelectModel<typeof subscription>
 export type DbMember = InferSelectModel<typeof member>
 export type DbUserStats = InferSelectModel<typeof userStats>
+export type DbReferralCampaign = InferSelectModel<typeof referralCampaigns>

 // =============================================================================
 // Pagination
@@ -648,6 +650,52 @@ export interface AdminUndeployResult {
  isDeployed: boolean
 }

+// =============================================================================
+// Referral Campaign Types
+// =============================================================================
+
+export interface AdminReferralCampaign {
+  id: string
+  name: string
+  code: string | null
+  utmSource: string | null
+  utmMedium: string | null
+  utmCampaign: string | null
+  utmContent: string | null
+  bonusCreditAmount: string
+  isActive: boolean
+  signupUrl: string | null
+  createdAt: string
+  updatedAt: string
+}
+
+export function toAdminReferralCampaign(
+  dbCampaign: DbReferralCampaign,
+  baseUrl: string
+): AdminReferralCampaign {
+  const utmParams = new URLSearchParams()
+  if (dbCampaign.utmSource) utmParams.set('utm_source', dbCampaign.utmSource)
+  if (dbCampaign.utmMedium) utmParams.set('utm_medium', dbCampaign.utmMedium)
+  if (dbCampaign.utmCampaign) utmParams.set('utm_campaign', dbCampaign.utmCampaign)
+  if (dbCampaign.utmContent) utmParams.set('utm_content', dbCampaign.utmContent)
+  const query = utmParams.toString()
+
+  return {
+    id: dbCampaign.id,
+    name: dbCampaign.name,
+    code: dbCampaign.code,
+    utmSource: dbCampaign.utmSource,
+    utmMedium: dbCampaign.utmMedium,
+    utmCampaign: dbCampaign.utmCampaign,
+    utmContent: dbCampaign.utmContent,
+    bonusCreditAmount: dbCampaign.bonusCreditAmount,
+    isActive: dbCampaign.isActive,
+    signupUrl: query ? `${baseUrl}/signup?${query}` : null,
+    createdAt: dbCampaign.createdAt.toISOString(),
+    updatedAt: dbCampaign.updatedAt.toISOString(),
+  }
+}
+
 // =============================================================================
 // Audit Log Types
 // =============================================================================
--- a/apps/sim/app/api/workflows/[id]/execute/route.ts
+++ b/apps/sim/app/api/workflows/[id]/execute/route.ts
@@ -20,10 +20,6 @@ import {
 } from '@/lib/execution/call-chain'
 import { createExecutionEventWriter, setExecutionMeta } from '@/lib/execution/event-buffer'
 import { processInputFileFields } from '@/lib/execution/files'
-import {
-  registerManualExecutionAborter,
-  unregisterManualExecutionAborter,
-} from '@/lib/execution/manual-cancellation'
 import { preprocessExecution } from '@/lib/execution/preprocessing'
 import { LoggingSession } from '@/lib/logs/execution/logging-session'
 import {
@@ -849,7 +845,6 @@ export async function POST(req: NextRequest, { params }: { params: Promise<{ id:
    const encoder = new TextEncoder()
    const timeoutController = createTimeoutAbortController(preprocessResult.executionTimeout?.sync)
    let isStreamClosed = false
-    let isManualAbortRegistered = false

    const eventWriter = createExecutionEventWriter(executionId)
    setExecutionMeta(executionId, {
@@ -862,9 +857,6 @@ export async function POST(req: NextRequest, { params }: { params: Promise<{ id:
      async start(controller) {
        let finalMetaStatus: 'complete' | 'error' | 'cancelled' | null = null

-        registerManualExecutionAborter(executionId, timeoutController.abort)
-        isManualAbortRegistered = true
-
        const sendEvent = (event: ExecutionEvent) => {
          if (!isStreamClosed) {
            try {
@@ -1232,10 +1224,6 @@ export async function POST(req: NextRequest, { params }: { params: Promise<{ id:
          })
          finalMetaStatus = 'error'
        } finally {
-          if (isManualAbortRegistered) {
-            unregisterManualExecutionAborter(executionId)
-            isManualAbortRegistered = false
-          }
          try {
            await eventWriter.close()
          } catch (closeError) {
--- a/apps/sim/app/api/workflows/[id]/executions/[executionId]/cancel/route.test.ts
+++ b/apps/sim/app/api/workflows/[id]/executions/[executionId]/cancel/route.test.ts
@@ -1,148 +0,0 @@
-/**
- * @vitest-environment node
- */
-
-import { NextRequest } from 'next/server'
-import { beforeEach, describe, expect, it, vi } from 'vitest'
-
-const mockCheckHybridAuth = vi.fn()
-const mockAuthorizeWorkflowByWorkspacePermission = vi.fn()
-const mockMarkExecutionCancelled = vi.fn()
-const mockAbortManualExecution = vi.fn()
-
-vi.mock('@sim/logger', () => ({
-  createLogger: () => ({ info: vi.fn(), warn: vi.fn(), error: vi.fn() }),
-}))
-
-vi.mock('@/lib/auth/hybrid', () => ({
-  checkHybridAuth: (...args: unknown[]) => mockCheckHybridAuth(...args),
-}))
-
-vi.mock('@/lib/execution/cancellation', () => ({
-  markExecutionCancelled: (...args: unknown[]) => mockMarkExecutionCancelled(...args),
-}))
-
-vi.mock('@/lib/execution/manual-cancellation', () => ({
-  abortManualExecution: (...args: unknown[]) => mockAbortManualExecution(...args),
-}))
-
-vi.mock('@/lib/workflows/utils', () => ({
-  authorizeWorkflowByWorkspacePermission: (params: unknown) =>
-    mockAuthorizeWorkflowByWorkspacePermission(params),
-}))
-
-import { POST } from './route'
-
-describe('POST /api/workflows/[id]/executions/[executionId]/cancel', () => {
-  beforeEach(() => {
-    vi.clearAllMocks()
-    mockCheckHybridAuth.mockResolvedValue({ success: true, userId: 'user-1' })
-    mockAuthorizeWorkflowByWorkspacePermission.mockResolvedValue({ allowed: true })
-    mockAbortManualExecution.mockReturnValue(false)
-  })
-
-  it('returns success when cancellation was durably recorded', async () => {
-    mockMarkExecutionCancelled.mockResolvedValue({
-      durablyRecorded: true,
-      reason: 'recorded',
-    })
-
-    const response = await POST(
-      new NextRequest('http://localhost/api/workflows/wf-1/executions/ex-1/cancel', {
-        method: 'POST',
-      }),
-      {
-        params: Promise.resolve({ id: 'wf-1', executionId: 'ex-1' }),
-      }
-    )
-
-    expect(response.status).toBe(200)
-    await expect(response.json()).resolves.toEqual({
-      success: true,
-      executionId: 'ex-1',
-      redisAvailable: true,
-      durablyRecorded: true,
-      locallyAborted: false,
-      reason: 'recorded',
-    })
-  })
-
-  it('returns unsuccessful response when Redis is unavailable', async () => {
-    mockMarkExecutionCancelled.mockResolvedValue({
-      durablyRecorded: false,
-      reason: 'redis_unavailable',
-    })
-
-    const response = await POST(
-      new NextRequest('http://localhost/api/workflows/wf-1/executions/ex-1/cancel', {
-        method: 'POST',
-      }),
-      {
-        params: Promise.resolve({ id: 'wf-1', executionId: 'ex-1' }),
-      }
-    )
-
-    expect(response.status).toBe(200)
-    await expect(response.json()).resolves.toEqual({
-      success: false,
-      executionId: 'ex-1',
-      redisAvailable: false,
-      durablyRecorded: false,
-      locallyAborted: false,
-      reason: 'redis_unavailable',
-    })
-  })
-
-  it('returns unsuccessful response when Redis persistence fails', async () => {
-    mockMarkExecutionCancelled.mockResolvedValue({
-      durablyRecorded: false,
-      reason: 'redis_write_failed',
-    })
-
-    const response = await POST(
-      new NextRequest('http://localhost/api/workflows/wf-1/executions/ex-1/cancel', {
-        method: 'POST',
-      }),
-      {
-        params: Promise.resolve({ id: 'wf-1', executionId: 'ex-1' }),
-      }
-    )
-
-    expect(response.status).toBe(200)
-    await expect(response.json()).resolves.toEqual({
-      success: false,
-      executionId: 'ex-1',
-      redisAvailable: true,
-      durablyRecorded: false,
-      locallyAborted: false,
-      reason: 'redis_write_failed',
-    })
-  })
-
-  it('returns success when local fallback aborts execution without Redis durability', async () => {
-    mockMarkExecutionCancelled.mockResolvedValue({
-      durablyRecorded: false,
-      reason: 'redis_unavailable',
-    })
-    mockAbortManualExecution.mockReturnValue(true)
-
-    const response = await POST(
-      new NextRequest('http://localhost/api/workflows/wf-1/executions/ex-1/cancel', {
-        method: 'POST',
-      }),
-      {
-        params: Promise.resolve({ id: 'wf-1', executionId: 'ex-1' }),
-      }
-    )
-
-    expect(response.status).toBe(200)
-    await expect(response.json()).resolves.toEqual({
-      success: true,
-      executionId: 'ex-1',
-      redisAvailable: false,
-      durablyRecorded: false,
-      locallyAborted: true,
-      reason: 'redis_unavailable',
-    })
-  })
-})
--- a/apps/sim/app/api/workflows/[id]/executions/[executionId]/cancel/route.ts
+++ b/apps/sim/app/api/workflows/[id]/executions/[executionId]/cancel/route.ts
@@ -2,7 +2,6 @@ import { createLogger } from '@sim/logger'
 import { type NextRequest, NextResponse } from 'next/server'
 import { checkHybridAuth } from '@/lib/auth/hybrid'
 import { markExecutionCancelled } from '@/lib/execution/cancellation'
-import { abortManualExecution } from '@/lib/execution/manual-cancellation'
 import { authorizeWorkflowByWorkspacePermission } from '@/lib/workflows/utils'

 const logger = createLogger('CancelExecutionAPI')
@@ -46,27 +45,20 @@ export async function POST(

    logger.info('Cancel execution requested', { workflowId, executionId, userId: auth.userId })

-    const cancellation = await markExecutionCancelled(executionId)
-    const locallyAborted = abortManualExecution(executionId)
+    const marked = await markExecutionCancelled(executionId)

-    if (cancellation.durablyRecorded) {
+    if (marked) {
      logger.info('Execution marked as cancelled in Redis', { executionId })
-    } else if (locallyAborted) {
-      logger.info('Execution cancelled via local in-process fallback', { executionId })
    } else {
-      logger.warn('Execution cancellation was not durably recorded', {
+      logger.info('Redis not available, cancellation will rely on connection close', {
        executionId,
-        reason: cancellation.reason,
      })
    }

    return NextResponse.json({
-      success: cancellation.durablyRecorded || locallyAborted,
+      success: true,
      executionId,
-      redisAvailable: cancellation.reason !== 'redis_unavailable',
-      durablyRecorded: cancellation.durablyRecorded,
-      locallyAborted,
-      reason: cancellation.reason,
+      redisAvailable: marked,
    })
  } catch (error: any) {
    logger.error('Failed to cancel execution', { workflowId, executionId, error: error.message })
--- a/apps/sim/app/api/workspaces/[id]/files/route.ts
+++ b/apps/sim/app/api/workspaces/[id]/files/route.ts
@@ -93,7 +93,10 @@ export async function POST(request: NextRequest, { params }: { params: Promise<{
      return NextResponse.json({ error: 'No file provided' }, { status: 400 })
    }

-    const fileName = rawFile.name || 'untitled'
+    const fileName = rawFile.name
+    if (!fileName) {
+      return NextResponse.json({ error: 'File name is missing' }, { status: 400 })
+    }

    const maxSize = 100 * 1024 * 1024
    if (rawFile.size > maxSize) {
--- a/apps/sim/app/chat/components/loading-state/loading-state.tsx
+++ b/apps/sim/app/chat/components/loading-state/loading-state.tsx
@@ -1,6 +1,6 @@
 'use client'

-import { Skeleton } from '@/components/emcn'
+import { Skeleton } from '@/components/ui/skeleton'

 export function ChatLoadingState() {
  return (
--- a/apps/sim/app/form/[identifier]/components/loading-state.tsx
+++ b/apps/sim/app/form/[identifier]/components/loading-state.tsx
@@ -1,6 +1,6 @@
 'use client'

-import { Skeleton } from '@/components/emcn'
+import { Skeleton } from '@/components/ui/skeleton'
 import AuthBackground from '@/app/(auth)/components/auth-background'

 export function FormLoadingState() {
--- a/apps/sim/app/form/[identifier]/components/thank-you-screen.tsx
+++ b/apps/sim/app/form/[identifier]/components/thank-you-screen.tsx
@@ -11,7 +11,7 @@ interface ThankYouScreenProps {
 }

 /** Default green color matching --brand-tertiary-2 */
-const DEFAULT_THANK_YOU_COLOR = '#32bd7e'
+const DEFAULT_THANK_YOU_COLOR = '#33C482'

 /** Legacy blue default that should be treated as "no custom color" */
 const LEGACY_BLUE_DEFAULT = '#3972F6'
--- a/apps/sim/app/layout.tsx
+++ b/apps/sim/app/layout.tsx
@@ -114,7 +114,6 @@ export default function RootLayout({ children }: { children: React.ReactNode })

                    if (isCollapsed) {
                      document.documentElement.style.setProperty('--sidebar-width', '51px');
-                      document.documentElement.setAttribute('data-sidebar-collapsed', '');
                    } else {
                      var width = state && state.sidebarWidth;
                      var maxSidebarWidth = window.innerWidth * 0.3;
--- a/apps/sim/app/resume/[workflowId]/[executionId]/resume-page-client.tsx
+++ b/apps/sim/app/resume/[workflowId]/[executionId]/resume-page-client.tsx
@@ -1249,7 +1249,7 @@ export default function ResumeExecutionPage({
                      {message && <Badge variant='green'>{message}</Badge>}

                      {/* Action */}
-                      <Button variant='tertiary' onClick={handleResume} disabled={resumeDisabled}>
+                      <Button variant='primary' onClick={handleResume} disabled={resumeDisabled}>
                        {loadingAction ? 'Resuming...' : 'Resume Execution'}
                      </Button>
                    </>
--- a/apps/sim/app/templates/[id]/template.tsx
+++ b/apps/sim/app/templates/[id]/template.tsx
@@ -27,8 +27,8 @@ import {
  PopoverContent,
  PopoverItem,
  PopoverTrigger,
-  Skeleton,
 } from '@/components/emcn'
+import { Skeleton } from '@/components/ui/skeleton'
 import { VerifiedBadge } from '@/components/ui/verified-badge'
 import { useSession } from '@/lib/auth/auth-client'
 import { cn } from '@/lib/core/utils/cn'
@@ -733,7 +733,7 @@ export default function TemplateDetails({ isWorkspaceContext = false }: Template
                <>
                  {!currentUserId ? (
                    <Button
-                      variant='tertiary'
+                      variant='primary'
                      onClick={() => {
                        const callbackUrl =
                          isWorkspaceContext && workspaceId
@@ -749,7 +749,7 @@ export default function TemplateDetails({ isWorkspaceContext = false }: Template
                    </Button>
                  ) : isWorkspaceContext ? (
                    <Button
-                      variant='tertiary'
+                      variant='primary'
                      onClick={handleUseTemplate}
                      disabled={isUsing}
                      className='!text-[#FFFFFF] h-[32px] rounded-[6px] px-[12px] text-[14px]'
--- a/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-content/resource-content.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-content/resource-content.tsx
@@ -1,6 +1,6 @@
 'use client'

-import { lazy, memo, Suspense, useCallback, useEffect, useMemo } from 'react'
+import { lazy, Suspense, useCallback, useEffect, useMemo } from 'react'
 import { createLogger } from '@sim/logger'
 import { Square } from 'lucide-react'
 import { useRouter } from 'next/navigation'
@@ -51,11 +51,7 @@ interface ResourceContentProps {
 * Handles table, file, and workflow resource types with appropriate
 * embedded rendering for each.
 */
-export const ResourceContent = memo(function ResourceContent({
-  workspaceId,
-  resource,
-  previewMode,
-}: ResourceContentProps) {
+export function ResourceContent({ workspaceId, resource, previewMode }: ResourceContentProps) {
  switch (resource.type) {
    case 'table':
      return <Table key={resource.id} workspaceId={workspaceId} tableId={resource.id} embedded />
@@ -88,7 +84,7 @@ export const ResourceContent = memo(function ResourceContent({
    default:
      return null
  }
-})
+}

 interface ResourceActionsProps {
  workspaceId: string
@@ -307,12 +303,10 @@ interface EmbeddedWorkflowProps {

 function EmbeddedWorkflow({ workspaceId, workflowId }: EmbeddedWorkflowProps) {
  const workflowExists = useWorkflowRegistry((state) => Boolean(state.workflows[workflowId]))
-  const isMetadataLoaded = useWorkflowRegistry(
-    (state) => state.hydration.phase !== 'idle' && state.hydration.phase !== 'metadata-loading'
-  )
-  const hasLoadError = useWorkflowRegistry(
-    (state) => state.hydration.phase === 'error' && state.hydration.workflowId === workflowId
-  )
+  const hydrationPhase = useWorkflowRegistry((state) => state.hydration.phase)
+  const hydrationWorkflowId = useWorkflowRegistry((state) => state.hydration.workflowId)
+  const isMetadataLoaded = hydrationPhase !== 'idle' && hydrationPhase !== 'metadata-loading'
+  const hasLoadError = hydrationPhase === 'error' && hydrationWorkflowId === workflowId

  if (!isMetadataLoaded) return LOADING_SKELETON

--- a/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/mothership-view.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/mothership-view.tsx
@@ -1,6 +1,6 @@
 'use client'

-import { memo, useCallback, useEffect, useState } from 'react'
+import { useCallback, useEffect, useState } from 'react'
 import { cn } from '@/lib/core/utils/cn'
 import { getFileExtension } from '@/lib/uploads/utils/file-utils'
 import type { PreviewMode } from '@/app/workspace/[workspaceId]/files/components/file-viewer'
@@ -34,7 +34,7 @@ interface MothershipViewProps {
  className?: string
 }

-export const MothershipView = memo(function MothershipView({
+export function MothershipView({
  workspaceId,
  chatId,
  resources,
@@ -99,4 +99,4 @@ export const MothershipView = memo(function MothershipView({
      </div>
    </div>
  )
-})
+}
--- a/apps/sim/app/workspace/[workspaceId]/home/components/user-input/user-input.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/components/user-input/user-input.tsx
@@ -212,7 +212,6 @@ export function UserInput({

  const files = useFileAttachments({
    userId: userId || session?.user?.id,
-    workspaceId,
    disabled: false,
    isLoading: isSending,
  })
--- a/apps/sim/app/workspace/[workspaceId]/home/home.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/home.tsx
@@ -16,7 +16,6 @@ import {
 import { persistImportedWorkflow } from '@/lib/workflows/operations/import-export'
 import { useChatHistory, useMarkTaskRead } from '@/hooks/queries/tasks'
 import type { ChatContext } from '@/stores/panel'
-import { useSidebarStore } from '@/stores/sidebar/store'
 import {
  MessageContent,
  MothershipView,
@@ -167,8 +166,6 @@ export function Home({ chatId }: HomeProps = {}) {

  const handleResourceEvent = useCallback(() => {
    if (isResourceCollapsedRef.current) {
-      const { isCollapsed, toggleCollapsed } = useSidebarStore.getState()
-      if (!isCollapsed) toggleCollapsed()
      setIsResourceCollapsed(false)
      setIsResourceAnimatingIn(true)
    }
@@ -346,7 +343,7 @@ export function Home({ chatId }: HomeProps = {}) {

  if (!hasMessages) {
    return (
-      <div className='h-full overflow-y-auto bg-[var(--bg)]'>
+      <div className='h-full overflow-y-auto bg-[var(--bg)] [scrollbar-gutter:stable]'>
        <div className='flex min-h-full flex-col items-center justify-center px-[24px] pb-[2vh]'>
          <h1 className='mb-[24px] max-w-[42rem] font-[430] font-season text-[32px] text-[var(--text-primary)] tracking-[-0.02em]'>
            What should we get done
@@ -375,7 +372,7 @@ export function Home({ chatId }: HomeProps = {}) {
      <div className='flex h-full min-w-0 flex-1 flex-col'>
        <div
          ref={scrollContainerRef}
-          className='min-h-0 flex-1 overflow-y-auto overflow-x-hidden px-6 pt-4 pb-8'
+          className='min-h-0 flex-1 overflow-y-auto overflow-x-hidden px-6 pt-4 pb-8 [scrollbar-gutter:stable]'
        >
          <div className='mx-auto max-w-[42rem] space-y-6'>
            {messages.map((msg, index) => {
--- a/apps/sim/app/workspace/[workspaceId]/home/hooks/use-chat.ts
+++ b/apps/sim/app/workspace/[workspaceId]/home/hooks/use-chat.ts
@@ -582,7 +582,8 @@ export function useChat(
                    readArgs?.path as string | undefined,
                    tc.result.output
                  )
-                  if (resource && addResource(resource)) {
+                  if (resource) {
+                    addResource(resource)
                    onResourceEventRef.current?.()
                  }
                }
@@ -593,21 +594,12 @@ export function useChat(
            case 'resource_added': {
              const resource = parsed.resource
              if (resource?.type && resource?.id) {
-                const wasAdded = addResource(resource)
+                addResource(resource)
                invalidateResourceQueries(queryClient, workspaceId, resource.type, resource.id)

-                if (!wasAdded && activeResourceIdRef.current !== resource.id) {
-                  setActiveResourceId(resource.id)
-                }
                onResourceEventRef.current?.()
-
                if (resource.type === 'workflow') {
-                  const wasRegistered = ensureWorkflowInRegistry(
-                    resource.id,
-                    resource.title,
-                    workspaceId
-                  )
-                  if (wasAdded && wasRegistered) {
+                  if (ensureWorkflowInRegistry(resource.id, resource.title, workspaceId)) {
                    useWorkflowRegistry.getState().setActiveWorkflow(resource.id)
                  } else {
                    useWorkflowRegistry.getState().loadWorkflowState(resource.id)
@@ -888,15 +880,12 @@ export function useChat(
      try {
        const currentActiveId = activeResourceIdRef.current
        const currentResources = resourcesRef.current
-        const resourceAttachments =
-          currentResources.length > 0
-            ? currentResources.map((r) => ({
-                type: r.type,
-                id: r.id,
-                title: r.title,
-                active: r.id === currentActiveId,
-              }))
-            : undefined
+        const activeRes = currentActiveId
+          ? currentResources.find((r) => r.id === currentActiveId)
+          : undefined
+        const resourceAttachments = activeRes
+          ? [{ type: activeRes.type, id: activeRes.id }]
+          : undefined

        const response = await fetch(MOTHERSHIP_CHAT_API_PATH, {
          method: 'POST',
--- a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/[documentId]/components/document-tags-modal/document-tags-modal.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/[documentId]/components/document-tags-modal/document-tags-modal.tsx
@@ -554,7 +554,7 @@ export function DocumentTagsModal({
                          Cancel
                        </Button>
                        <Button
-                          variant='tertiary'
+                          variant='primary'
                          onClick={saveDocumentTag}
                          className='flex-1'
                          disabled={!canSaveTag}
@@ -718,7 +718,7 @@ export function DocumentTagsModal({
                      </Button>
                    )}
                    <Button
-                      variant='tertiary'
+                      variant='primary'
                      onClick={saveDocumentTag}
                      className='flex-1'
                      disabled={
--- a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/add-connector-modal/add-connector-modal.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/add-connector-modal/add-connector-modal.tsx
@@ -558,7 +558,7 @@ export function AddConnectorModal({ open, onOpenChange, knowledgeBaseId }: AddCo
              <Button variant='default' onClick={() => onOpenChange(false)} disabled={isCreating}>
                Cancel
              </Button>
-              <Button variant='tertiary' onClick={handleSubmit} disabled={!canSubmit || isCreating}>
+              <Button variant='primary' onClick={handleSubmit} disabled={!canSubmit || isCreating}>
                {isCreating ? (
                  <>
                    <Loader2 className='mr-1.5 h-3.5 w-3.5 animate-spin' />
--- a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/add-documents-modal/add-documents-modal.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/add-documents-modal/add-documents-modal.tsx
@@ -347,7 +347,7 @@ export function AddDocumentsModal({
                Cancel
              </Button>
              <Button
-                variant='tertiary'
+                variant='primary'
                type='button'
                onClick={handleUpload}
                disabled={files.length === 0 || isUploading}
--- a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/base-tags-modal/base-tags-modal.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/base-tags-modal/base-tags-modal.tsx
@@ -387,7 +387,7 @@ export function BaseTagsModal({ open, onOpenChange, knowledgeBaseId }: BaseTagsM
                        Cancel
                      </Button>
                      <Button
-                        variant='tertiary'
+                        variant='primary'
                        onClick={saveTagDefinition}
                        className='flex-1'
                        disabled={
--- a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/connectors-section/connectors-section.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/connectors-section/connectors-section.tsx
@@ -23,9 +23,9 @@ import {
  ModalContent,
  ModalFooter,
  ModalHeader,
-  Skeleton,
  Tooltip,
 } from '@/components/emcn'
+import { Skeleton } from '@/components/ui/skeleton'
 import { cn } from '@/lib/core/utils/cn'
 import {
  getCanonicalScopesForProvider,
--- a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/edit-connector-modal/edit-connector-modal.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/edit-connector-modal/edit-connector-modal.tsx
@@ -19,8 +19,8 @@ import {
  ModalTabsContent,
  ModalTabsList,
  ModalTabsTrigger,
-  Skeleton,
 } from '@/components/emcn'
+import { Skeleton } from '@/components/ui/skeleton'
 import { CONNECTOR_REGISTRY } from '@/connectors/registry'
 import type { ConnectorConfig } from '@/connectors/types'
 import type { ConnectorData } from '@/hooks/queries/kb/connectors'
@@ -161,7 +161,7 @@ export function EditConnectorModal({
            <Button variant='default' onClick={() => onOpenChange(false)} disabled={isSaving}>
              Cancel
            </Button>
-            <Button variant='tertiary' onClick={handleSave} disabled={!hasChanges || isSaving}>
+            <Button variant='primary' onClick={handleSave} disabled={!hasChanges || isSaving}>
              {isSaving ? (
                <>
                  <Loader2 className='mr-1.5 h-3.5 w-3.5 animate-spin' />
--- a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/rename-document-modal/rename-document-modal.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/rename-document-modal/rename-document-modal.tsx
@@ -124,7 +124,7 @@ export function RenameDocumentModal({
                  Cancel
                </Button>
                <Button
-                  variant='tertiary'
+                  variant='primary'
                  type='submit'
                  disabled={isSubmitting || !name?.trim() || name.trim() === initialName}
                >
--- a/apps/sim/app/workspace/[workspaceId]/knowledge/components/create-base-modal/create-base-modal.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/knowledge/components/create-base-modal/create-base-modal.tsx
@@ -522,7 +522,7 @@ export function CreateBaseModal({ open, onOpenChange }: CreateBaseModalProps) {
                  Cancel
                </Button>
                <Button
-                  variant='tertiary'
+                  variant='primary'
                  type='submit'
                  disabled={isSubmitting || !nameValue?.trim()}
                >
--- a/apps/sim/app/workspace/[workspaceId]/knowledge/components/edit-knowledge-base-modal/edit-knowledge-base-modal.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/knowledge/components/edit-knowledge-base-modal/edit-knowledge-base-modal.tsx
@@ -159,7 +159,7 @@ export function EditKnowledgeBaseModal({
                  Cancel
                </Button>
                <Button
-                  variant='tertiary'
+                  variant='primary'
                  type='submit'
                  disabled={isSubmitting || !nameValue?.trim() || !isDirty}
                >
--- a/apps/sim/app/workspace/[workspaceId]/logs/components/dashboard/dashboard.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/logs/components/dashboard/dashboard.tsx
@@ -2,7 +2,7 @@

 import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { Loader2 } from 'lucide-react'
-import { Skeleton } from '@/components/emcn'
+import { Skeleton } from '@/components/ui/skeleton'
 import { formatLatency } from '@/app/workspace/[workspaceId]/logs/utils'
 import type { DashboardStatsResponse, WorkflowStats } from '@/hooks/queries/logs'
 import { useFilterStore } from '@/stores/logs/filters/store'
--- a/apps/sim/app/workspace/[workspaceId]/logs/components/log-details/log-details.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/logs/components/log-details/log-details.tsx
@@ -16,6 +16,7 @@ import {
  Tooltip,
 } from '@/components/emcn'
 import { Copy as CopyIcon, Search as SearchIcon } from '@/components/emcn/icons'
+import { ScrollArea } from '@/components/ui/scroll-area'
 import { BASE_EXECUTION_CHARGE } from '@/lib/billing/constants'
 import { cn } from '@/lib/core/utils/cn'
 import { formatDuration } from '@/lib/core/utils/formatting'
@@ -395,7 +396,7 @@ export const LogDetails = memo(function LogDetails({
            </div>

            {/* Content - Scrollable */}
-            <div className='mt-[20px] h-full w-full overflow-y-auto' ref={scrollAreaRef}>
+            <ScrollArea className='mt-[20px] h-full w-full overflow-y-auto' ref={scrollAreaRef}>
              <div className='flex flex-col gap-[10px] pb-[16px]'>
                {/* Timestamp & Workflow Row */}
                <div className='flex min-w-0 items-center gap-[16px] px-[1px]'>
@@ -631,7 +632,7 @@ export const LogDetails = memo(function LogDetails({
                  </div>
                )}
              </div>
-            </div>
+            </ScrollArea>
          </div>
        )}

--- a/apps/sim/app/workspace/[workspaceId]/logs/components/logs-toolbar/components/notifications/components/workflow-selector/workflow-selector.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/logs/components/logs-toolbar/components/notifications/components/workflow-selector/workflow-selector.tsx
@@ -2,7 +2,8 @@

 import { useMemo } from 'react'
 import { X } from 'lucide-react'
-import { Badge, Combobox, type ComboboxOption, Label, Skeleton } from '@/components/emcn'
+import { Badge, Combobox, type ComboboxOption, Label } from '@/components/emcn'
+import { Skeleton } from '@/components/ui'
 import { useWorkflows } from '@/hooks/queries/workflows'

 interface WorkflowSelectorProps {
--- a/apps/sim/app/workspace/[workspaceId]/logs/components/logs-toolbar/components/notifications/notifications.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/logs/components/logs-toolbar/components/notifications/notifications.tsx
@@ -18,11 +18,11 @@ import {
  ModalTabsContent,
  ModalTabsList,
  ModalTabsTrigger,
-  Skeleton,
  TagInput,
  type TagItem,
 } from '@/components/emcn'
 import { SlackIcon } from '@/components/icons'
+import { Skeleton } from '@/components/ui'
 import { dollarsToCredits } from '@/lib/billing/credits/conversion'
 import { getTriggerOptions } from '@/lib/logs/get-trigger-options'
 import { quickValidateEmail } from '@/lib/messaging/email/validation'
@@ -580,7 +580,7 @@ export const NotificationSettings = memo(function NotificationSettings({

          <div className='flex flex-shrink-0 items-center gap-[8px]'>
            <Button
-              variant='tertiary'
+              variant='primary'
              onClick={() => handleTest(subscription.id)}
              disabled={testNotification.isPending && testStatus?.id !== subscription.id}
            >
@@ -1235,7 +1235,7 @@ export const NotificationSettings = memo(function NotificationSettings({
                  </Button>
                )}
                <Button
-                  variant='tertiary'
+                  variant='primary'
                  onClick={handleSave}
                  disabled={createNotification.isPending || updateNotification.isPending}
                >
@@ -1254,7 +1254,7 @@ export const NotificationSettings = memo(function NotificationSettings({
                  resetForm()
                  setShowForm(true)
                }}
-                variant='tertiary'
+                variant='primary'
                disabled={isLoading}
              >
                <Plus className='mr-[6px] h-[13px] w-[13px]' />
--- a/apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/create-schedule-modal/schedule-modal.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/scheduled-tasks/components/create-schedule-modal/schedule-modal.tsx
@@ -541,7 +541,7 @@ export function ScheduleModal({ open, onOpenChange, workspaceId, schedule }: Sch
            Cancel
          </Button>
          <Button
-            variant='tertiary'
+            variant='primary'
            onClick={handleSubmit}
            disabled={
              !isFormValid || createScheduleMutation.isPending || updateScheduleMutation.isPending
--- a/apps/sim/app/workspace/[workspaceId]/settings/components/api-keys/api-keys.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/settings/components/api-keys/api-keys.tsx
@@ -11,11 +11,10 @@ import {
  ModalContent,
  ModalFooter,
  ModalHeader,
-  Skeleton,
  Switch,
  Tooltip,
 } from '@/components/emcn'
-import { Input } from '@/components/ui'
+import { Input, Skeleton } from '@/components/ui'
 import { useSession } from '@/lib/auth/auth-client'
 import { formatDate } from '@/lib/core/utils/formatting'
 import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/providers/workspace-permissions-provider'
@@ -150,7 +149,7 @@ export function ApiKeys() {
            e.currentTarget.blur()
            setIsCreateDialogOpen(true)
          }}
-          variant='tertiary'
+          variant='primary'
          disabled={createButtonDisabled}
        >
          <Plus className='mr-[6px] h-[13px] w-[13px]' />
--- a/apps/sim/app/workspace/[workspaceId]/settings/components/api-keys/components/create-api-key-modal/create-api-key-modal.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/settings/components/api-keys/components/create-api-key-modal/create-api-key-modal.tsx
@@ -190,7 +190,7 @@ export function CreateApiKeyModal({
            </Button>
            <Button
              type='button'
-              variant='tertiary'
+              variant='primary'
              onClick={handleCreateKey}
              disabled={
                !keyName.trim() ||
--- a/apps/sim/app/workspace/[workspaceId]/settings/components/byok/byok.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/settings/components/byok/byok.tsx
@@ -277,11 +277,7 @@ export function BYOK() {
                        </Button>
                      </div>
                    ) : (
-                      <Button
-                        variant='primary'
-                        className='!bg-[var(--brand-tertiary-2)] !text-[var(--text-inverse)] hover:!bg-[var(--brand-tertiary-2)]/90'
-                        onClick={() => openEditModal(provider.id)}
-                      >
+                      <Button variant='primary' onClick={() => openEditModal(provider.id)}>
                        Add Key
                      </Button>
                    )}
@@ -391,7 +387,7 @@ export function BYOK() {
              Cancel
            </Button>
            <Button
-              variant='tertiary'
+              variant='primary'
              onClick={handleSave}
              disabled={!apiKeyInput.trim() || upsertKey.isPending}
            >
--- a/apps/sim/app/workspace/[workspaceId]/settings/components/copilot/copilot.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/settings/components/copilot/copilot.tsx
@@ -200,7 +200,7 @@ export function Copilot() {
              setIsCreateDialogOpen(true)
              setCreateError(null)
            }}
-            variant='tertiary'
+            variant='primary'
            disabled={isLoading}
          >
            <Plus className='mr-[6px] h-[13px] w-[13px]' />
@@ -302,7 +302,7 @@ export function Copilot() {
            </Button>
            <Button
              type='button'
-              variant='tertiary'
+              variant='primary'
              onClick={handleCreateKey}
              disabled={!newKeyName.trim() || generateKey.isPending}
            >
--- a/apps/sim/app/workspace/[workspaceId]/settings/components/credential-sets/credential-sets.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/settings/components/credential-sets/credential-sets.tsx
@@ -17,12 +17,11 @@ import {
  ModalContent,
  ModalFooter,
  ModalHeader,
-  Skeleton,
  TagInput,
  type TagItem,
 } from '@/components/emcn'
 import { GmailIcon, OutlookIcon } from '@/components/icons'
-import { Input as BaseInput } from '@/components/ui'
+import { Input as BaseInput, Skeleton } from '@/components/ui'
 import { useSession } from '@/lib/auth/auth-client'
 import { getSubscriptionStatus } from '@/lib/billing/client'
 import { cn } from '@/lib/core/utils/cn'
@@ -629,7 +628,7 @@ export function CredentialSets() {
            />
          </div>
          {canManageCredentialSets && (
-            <Button variant='tertiary' onClick={() => setShowCreateModal(true)}>
+            <Button variant='primary' onClick={() => setShowCreateModal(true)}>
              <Plus className='mr-[6px] h-[13px] w-[13px]' />
              Create
            </Button>
@@ -672,7 +671,7 @@ export function CredentialSets() {
                        </div>
                      </div>
                      <Button
-                        variant='tertiary'
+                        variant='primary'
                        onClick={() => handleAcceptInvitation(invitation.token)}
                        disabled={acceptInvitation.isPending}
                      >
@@ -844,7 +843,7 @@ export function CredentialSets() {
              Cancel
            </Button>
            <Button
-              variant='tertiary'
+              variant='primary'
              onClick={handleCreateCredentialSet}
              disabled={!newSetName.trim() || createCredentialSet.isPending}
            >
--- a/apps/sim/app/workspace/[workspaceId]/settings/components/credentials/credentials-manager.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/settings/components/credentials/credentials-manager.tsx
@@ -17,12 +17,11 @@ import {
  ModalContent,
  ModalFooter,
  ModalHeader,
-  Skeleton,
  Textarea,
  Tooltip,
  Trash,
 } from '@/components/emcn'
-import { Input } from '@/components/ui'
+import { Input, Skeleton } from '@/components/ui'
 import { useSession } from '@/lib/auth/auth-client'
 import {
  clearPendingCredentialCreateRequest,
@@ -1312,7 +1311,7 @@ export function CredentialsManager() {
              </Button>
              {isSelectedAdmin && (
                <Button
-                  variant='tertiary'
+                  variant='primary'
                  onClick={handleSaveDetails}
                  disabled={!isDetailsDirty || isSavingDetails}
                >
@@ -1415,7 +1414,7 @@ export function CredentialsManager() {
              <Button
                onClick={handleSave}
                disabled={isLoading || !hasChanges || hasConflicts || hasInvalidKeys}
-                variant='tertiary'
+                variant='primary'
                className={`${hasConflicts || hasInvalidKeys ? 'cursor-not-allowed opacity-50' : ''}`}
              >
                Save
--- a/apps/sim/app/workspace/[workspaceId]/settings/components/custom-tools/custom-tools.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/settings/components/custom-tools/custom-tools.tsx
@@ -101,7 +101,7 @@ export function CustomTools() {
              className='h-auto flex-1 border-0 bg-transparent p-0 font-base leading-none placeholder:text-[var(--text-tertiary)] focus-visible:ring-0 focus-visible:ring-offset-0'
            />
          </div>
-          <Button onClick={() => setShowAddForm(true)} disabled={isLoading} variant='tertiary'>
+          <Button onClick={() => setShowAddForm(true)} disabled={isLoading} variant='primary'>
            <Plus className='mr-[6px] h-[13px] w-[13px]' />
            Add
          </Button>
--- a/apps/sim/app/workspace/[workspaceId]/settings/components/debug/debug.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/settings/components/debug/debug.tsx
@@ -50,7 +50,7 @@ export function Debug() {
          disabled={importWorkflow.isPending}
        />
        <Button
-          variant='tertiary'
+          variant='primary'
          onClick={handleImport}
          disabled={importWorkflow.isPending || !workflowId.trim()}
        >
--- a/apps/sim/app/workspace/[workspaceId]/settings/components/general/general.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/settings/components/general/general.tsx
@@ -515,7 +515,7 @@ export function General() {
              Cancel
            </Button>
            <Button
-              variant='tertiary'
+              variant='primary'
              onClick={handleResetPasswordConfirm}
              disabled={resetPassword.isPending || resetPassword.isSuccess}
            >
--- a/apps/sim/app/workspace/[workspaceId]/settings/components/inbox/inbox-enable-toggle.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/settings/components/inbox/inbox-enable-toggle.tsx
@@ -108,7 +108,7 @@ export function InboxEnableToggle() {
            <Button variant='default' onClick={() => setIsEnableOpen(false)}>
              Cancel
            </Button>
-            <Button variant='tertiary' onClick={handleEnable} disabled={toggleInbox.isPending}>
+            <Button variant='primary' onClick={handleEnable} disabled={toggleInbox.isPending}>
              {toggleInbox.isPending ? 'Enabling...' : 'Enable'}
            </Button>
          </ModalFooter>
--- a/apps/sim/app/workspace/[workspaceId]/settings/components/inbox/inbox-settings-tab.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/settings/components/inbox/inbox-settings-tab.tsx
@@ -282,7 +282,7 @@ export function InboxSettingsTab() {
              Cancel
            </Button>
            <Button
-              variant='tertiary'
+              variant='primary'
              onClick={handleAddSender}
              disabled={!newSenderEmail.trim() || addSender.isPending}
            >
--- a/apps/sim/app/workspace/[workspaceId]/settings/components/inbox/inbox.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/settings/components/inbox/inbox.tsx
@@ -41,7 +41,7 @@ export function Inbox() {
          </p>
        </div>
        <Button
-          variant='tertiary'
+          variant='primary'
          onClick={() => router.push(`/workspace/${workspaceId}/settings/subscription`)}
        >
          Upgrade to Max
--- a/apps/sim/app/workspace/[workspaceId]/settings/components/integrations/integrations-manager.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/settings/components/integrations/integrations-manager.tsx
@@ -17,11 +17,10 @@ import {
  ModalContent,
  ModalFooter,
  ModalHeader,
-  Skeleton,
  Textarea,
  Tooltip,
 } from '@/components/emcn'
-import { Input as UiInput } from '@/components/ui'
+import { Skeleton, Input as UiInput } from '@/components/ui'
 import { useSession } from '@/lib/auth/auth-client'
 import {
  clearPendingCredentialCreateRequest,
@@ -679,7 +678,7 @@ export function IntegrationsManager() {
            Cancel
          </Button>
          <Button
-            variant='tertiary'
+            variant='primary'
            onClick={handleCreateCredential}
            disabled={
              !createOAuthProviderId ||
@@ -1028,7 +1027,7 @@ export function IntegrationsManager() {
              </Button>
              {isSelectedAdmin && (
                <Button
-                  variant='tertiary'
+                  variant='primary'
                  onClick={handleSaveDetails}
                  disabled={!isDetailsDirty || isSavingDetails}
                >
@@ -1067,7 +1066,7 @@ export function IntegrationsManager() {
          <Button
            onClick={() => setShowCreateModal(true)}
            disabled={credentialsLoading}
-            variant='tertiary'
+            variant='primary'
          >
            <Plus className='mr-[6px] h-[13px] w-[13px]' />
            Connect
--- a/apps/sim/app/workspace/[workspaceId]/settings/components/mcp/components/mcp-server-form-modal/mcp-server-form-modal.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/settings/components/mcp/components/mcp-server-form-modal/mcp-server-form-modal.tsx
@@ -719,12 +719,12 @@ export function McpServerFormModal({
                <Button
                  onClick={handleSubmitJson}
                  disabled={isSubmitting || !jsonInput.trim()}
-                  variant='tertiary'
+                  variant='primary'
                >
                  {isSubmitting ? 'Adding...' : submitLabel}
                </Button>
              ) : (
-                <Button onClick={handleSubmitForm} disabled={isSubmitDisabled} variant='tertiary'>
+                <Button onClick={handleSubmitForm} disabled={isSubmitDisabled} variant='primary'>
                  {isSubmitting ? (mode === 'add' ? 'Adding...' : 'Saving...') : submitLabel}
                </Button>
              )}
--- a/apps/sim/app/workspace/[workspaceId]/settings/components/mcp/mcp.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/settings/components/mcp/mcp.tsx
@@ -637,11 +637,7 @@ export function MCP({ initialServerId }: MCPProps) {
              className='h-auto flex-1 border-0 bg-transparent p-0 font-base leading-none placeholder:text-[var(--text-tertiary)] focus-visible:ring-0 focus-visible:ring-offset-0'
            />
          </div>
-          <Button
-            onClick={() => setShowAddModal(true)}
-            variant='tertiary'
-            disabled={serversLoading}
-          >
+          <Button onClick={() => setShowAddModal(true)} variant='primary' disabled={serversLoading}>
            <Plus className='mr-[6px] h-[13px] w-[13px]' />
            Add
          </Button>
--- a/apps/sim/app/workspace/[workspaceId]/settings/components/recently-deleted/recently-deleted.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/settings/components/recently-deleted/recently-deleted.tsx
@@ -303,7 +303,7 @@ export function RecentlyDeleted() {
                    <div className='flex shrink-0 items-center gap-[8px]'>
                      <span className='text-[13px] text-[var(--text-tertiary)]'>Restored</span>
                      <Button
-                        variant='default'
+                        variant='primary'
                        size='sm'
                        onClick={() =>
                          router.push(
@@ -316,7 +316,7 @@ export function RecentlyDeleted() {
                    </div>
                  ) : (
                    <Button
-                      variant='default'
+                      variant='primary'
                      size='sm'
                      disabled={isRestoring}
                      onClick={() => handleRestore(resource)}
--- a/apps/sim/app/workspace/[workspaceId]/settings/components/skills/components/skill-modal.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/settings/components/skills/components/skill-modal.tsx
@@ -210,7 +210,7 @@ export function SkillModal({
            <Button variant='default' onClick={() => onOpenChange(false)}>
              Cancel
            </Button>
-            <Button variant='tertiary' onClick={handleSave} disabled={saving || !hasChanges}>
+            <Button variant='primary' onClick={handleSave} disabled={saving || !hasChanges}>
              {saving ? 'Saving...' : initialValues ? 'Update' : 'Create'}
            </Button>
          </div>
--- a/apps/sim/app/workspace/[workspaceId]/settings/components/skills/skills.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/settings/components/skills/skills.tsx
@@ -95,7 +95,7 @@ export function Skills() {
              className='h-auto flex-1 border-0 bg-transparent p-0 font-base leading-none placeholder:text-[var(--text-tertiary)] focus-visible:ring-0 focus-visible:ring-offset-0'
            />
          </div>
-          <Button onClick={() => setShowAddForm(true)} disabled={isLoading} variant='tertiary'>
+          <Button onClick={() => setShowAddForm(true)} disabled={isLoading} variant='primary'>
            <Plus className='mr-[6px] h-[13px] w-[13px]' />
            Add
          </Button>
--- a/apps/sim/app/workspace/[workspaceId]/settings/components/subscription/components/credit-balance/credit-balance.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/settings/components/subscription/components/credit-balance/credit-balance.tsx
@@ -160,7 +160,7 @@ export function CreditBalance({
                  </Button>
                </ModalClose>
                <Button
-                  variant='tertiary'
+                  variant='primary'
                  onClick={handlePurchase}
                  disabled={purchaseCredits.isPending || !amount}
                >
--- a/apps/sim/app/workspace/[workspaceId]/settings/components/subscription/components/index.ts
+++ b/apps/sim/app/workspace/[workspaceId]/settings/components/subscription/components/index.ts
@@ -1,2 +1,3 @@
 export { CreditBalance } from './credit-balance'
 export { PlanCard, type PlanCardProps, type PlanFeature } from './plan-card'
+export { ReferralCode } from './referral-code'
--- a/apps/sim/app/workspace/[workspaceId]/settings/components/subscription/components/referral-code/index.ts
+++ b/apps/sim/app/workspace/[workspaceId]/settings/components/subscription/components/referral-code/index.ts
@@ -0,0 +1 @@
+export { ReferralCode } from './referral-code'
--- a/apps/sim/app/workspace/[workspaceId]/settings/components/subscription/components/referral-code/referral-code.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/settings/components/subscription/components/referral-code/referral-code.tsx
@@ -0,0 +1,82 @@
+'use client'
+
+import { useState } from 'react'
+import { Button, Input, Label } from '@/components/emcn'
+import { dollarsToCredits } from '@/lib/billing/credits/conversion'
+import { useRedeemReferralCode } from '@/hooks/queries/subscription'
+
+interface ReferralCodeProps {
+  onRedeemComplete?: () => void
+}
+
+/**
+ * Inline referral/promo code entry field with redeem button.
+ * One-time use per account — shows success or "already redeemed" state.
+ */
+export function ReferralCode({ onRedeemComplete }: ReferralCodeProps) {
+  const [code, setCode] = useState('')
+  const redeemCode = useRedeemReferralCode()
+
+  const handleRedeem = () => {
+    const trimmed = code.trim()
+    if (!trimmed || redeemCode.isPending) return
+
+    redeemCode.mutate(
+      { code: trimmed },
+      {
+        onSuccess: () => {
+          setCode('')
+          onRedeemComplete?.()
+        },
+      }
+    )
+  }
+
+  if (redeemCode.isSuccess) {
+    return (
+      <div className='flex items-center justify-between'>
+        <Label>Referral Code</Label>
+        <span className='text-[13px] text-[var(--text-secondary)]'>
+          +{dollarsToCredits(redeemCode.data.bonusAmount ?? 0).toLocaleString()} credits applied
+        </span>
+      </div>
+    )
+  }
+
+  return (
+    <div className='flex flex-col gap-[4px]'>
+      <div className='flex items-center justify-between gap-[12px]'>
+        <Label className='shrink-0'>Referral Code</Label>
+        <div className='flex items-center gap-[8px]'>
+          <Input
+            type='text'
+            value={code}
+            onChange={(e) => {
+              setCode(e.target.value)
+              redeemCode.reset()
+            }}
+            onKeyDown={(e) => {
+              if (e.key === 'Enter') handleRedeem()
+            }}
+            placeholder='Enter code'
+            className='h-[32px] w-[140px] bg-[var(--surface-4)] text-[13px]'
+            disabled={redeemCode.isPending}
+          />
+          <Button
+            variant='default'
+            className='h-[32px] shrink-0 text-[13px]'
+            onClick={handleRedeem}
+            disabled={redeemCode.isPending || !code.trim()}
+          >
+            {redeemCode.isPending ? 'Redeeming...' : 'Redeem'}
+          </Button>
+        </div>
+      </div>
+      {redeemCode.error && (
+        <span className='text-right text-[11px] text-[var(--text-error)]'>
+          {redeemCode.error.message}
+        </span>
+      )}
+    </div>
+  )
+}
--- a/apps/sim/app/workspace/[workspaceId]/settings/components/subscription/subscription.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/settings/components/subscription/subscription.tsx
@@ -14,10 +14,10 @@ import {
  ModalContent,
  ModalFooter,
  ModalHeader,
-  Skeleton,
  Switch,
  Tooltip,
 } from '@/components/emcn'
+import { Skeleton } from '@/components/ui'
 import { useSession, useSubscription } from '@/lib/auth/auth-client'
 import { USAGE_THRESHOLDS } from '@/lib/billing/client/consts'
 import { useSubscriptionUpgrade } from '@/lib/billing/client/upgrade'
@@ -47,6 +47,7 @@ import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/provide
 import {
  CreditBalance,
  PlanCard,
+  ReferralCode,
 } from '@/app/workspace/[workspaceId]/settings/components/subscription/components'
 import {
  ENTERPRISE_PLAN_FEATURES,
@@ -244,7 +245,7 @@ function CreditPlanCard({
            {isCancelledAtPeriodEnd ? 'Restore Subscription' : 'Manage plan'}
          </Button>
        ) : (
-          <Button onClick={onButtonClick} className='w-full' variant='tertiary'>
+          <Button onClick={onButtonClick} className='w-full' variant='primary'>
            {buttonText}
          </Button>
        )}
@@ -999,6 +1000,11 @@ export function Subscription() {
          inlineButton
        />
      )}
+
+      {/* Referral Code */}
+      {!subscription.isEnterprise && (
+        <ReferralCode onRedeemComplete={() => refetchSubscription()} />
+      )}
    </div>
  )
 }
@@ -1128,7 +1134,7 @@ function TeamPlanModal({ open, onOpenChange, isAnnual, onConfirm }: TeamPlanModa
            Cancel
          </Button>
          <Button
-            variant='tertiary'
+            variant='primary'
            onClick={() => onConfirm(selectedTier, selectedSeats)}
            disabled={selectedSeats < 1}
          >
@@ -1285,7 +1291,7 @@ function ManagePlanModal({
                  </span>
                </div>
                <Button
-                  variant='tertiary'
+                  variant='primary'
                  className='ml-[12px] shrink-0'
                  onClick={action.onClick}
                  disabled={action.disabled}
@@ -1306,7 +1312,7 @@ function ManagePlanModal({
              <Button variant='default' onClick={() => onOpenChange(false)}>
                Close
              </Button>
-              <Button variant='tertiary' onClick={onRestore}>
+              <Button variant='primary' onClick={onRestore}>
                Restore Subscription
              </Button>
            </>
--- a/apps/sim/app/workspace/[workspaceId]/settings/components/team-management/components/member-invitation-card/member-invitation-card.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/settings/components/team-management/components/member-invitation-card/member-invitation-card.tsx
@@ -239,7 +239,7 @@ export function MemberInvitationCard({
            </DropdownMenuContent>
          </DropdownMenu>
          <Button
-            variant='tertiary'
+            variant='primary'
            onClick={() => onInviteMember()}
            disabled={!hasValidEmails || isInviting || !hasAvailableSeats}
          >
--- a/apps/sim/app/workspace/[workspaceId]/settings/components/team-management/components/no-organization-view/no-organization-view.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/settings/components/team-management/components/no-organization-view/no-organization-view.tsx
@@ -111,7 +111,7 @@ export function NoOrganizationView({
              )}
              <div className='flex justify-end'>
                <Button
-                  variant='tertiary'
+                  variant='primary'
                  onClick={onCreateOrganization}
                  disabled={!orgName || !orgSlug || isCreatingOrg}
                >
@@ -193,7 +193,7 @@ export function NoOrganizationView({
                Cancel
              </Button>
              <Button
-                variant='tertiary'
+                variant='primary'
                onClick={onCreateOrganization}
                disabled={isCreatingOrg || !orgName.trim()}
              >
@@ -217,7 +217,7 @@ export function NoOrganizationView({
      </div>

      <div>
-        <Button variant='tertiary' onClick={() => navigateToSettings({ section: 'subscription' })}>
+        <Button variant='primary' onClick={() => navigateToSettings({ section: 'subscription' })}>
          Upgrade to Team Plan
        </Button>
      </div>
--- a/apps/sim/app/workspace/[workspaceId]/settings/components/team-management/components/team-seats-overview/team-seats-overview.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/settings/components/team-management/components/team-seats-overview/team-seats-overview.tsx
@@ -1,4 +1,5 @@
-import { Badge, Button, Skeleton } from '@/components/emcn'
+import { Badge, Button } from '@/components/emcn'
+import { Skeleton } from '@/components/ui/skeleton'
 import { checkEnterprisePlan } from '@/lib/billing/subscriptions/utils'
 import { cn } from '@/lib/core/utils/cn'

@@ -71,7 +72,7 @@ export function TeamSeatsOverview({
            </p>
          </div>
          <Button
-            variant='tertiary'
+            variant='primary'
            onClick={() => {
              onConfirmTeamUpgrade(2)
            }}
--- a/apps/sim/app/workspace/[workspaceId]/settings/components/team-management/components/team-seats/team-seats.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/settings/components/team-management/components/team-seats/team-seats.tsx
@@ -135,7 +135,7 @@ export function TeamSeats({
            <Tooltip.Trigger asChild>
              <span>
                <Button
-                  variant='tertiary'
+                  variant='primary'
                  onClick={() => onConfirm(selectedSeats)}
                  disabled={
                    isLoading ||
--- a/apps/sim/app/workspace/[workspaceId]/settings/components/team-management/team-management.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/settings/components/team-management/team-management.tsx
@@ -2,7 +2,8 @@

 import { useCallback, useEffect, useState } from 'react'
 import { createLogger } from '@sim/logger'
-import { Skeleton, type TagItem } from '@/components/emcn'
+import type { TagItem } from '@/components/emcn'
+import { Skeleton } from '@/components/ui'
 import { useSession } from '@/lib/auth/auth-client'
 import { getPlanTierCredits, getPlanTierDollars } from '@/lib/billing/plan-helpers'
 import { checkEnterprisePlan } from '@/lib/billing/subscriptions/utils'
--- a/apps/sim/app/workspace/[workspaceId]/settings/components/template-profile/template-profile.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/settings/components/template-profile/template-profile.tsx
@@ -4,8 +4,9 @@ import { useEffect, useState } from 'react'
 import { createLogger } from '@sim/logger'
 import { Camera, Globe, Linkedin, Mail } from 'lucide-react'
 import Image from 'next/image'
-import { Button, Combobox, Input, Skeleton, Textarea } from '@/components/emcn'
+import { Button, Combobox, Input, Textarea } from '@/components/emcn'
 import { AgentIcon, xIcon as XIcon } from '@/components/icons'
+import { Skeleton } from '@/components/ui/skeleton'
 import { useSession } from '@/lib/auth/auth-client'
 import { quickValidateEmail } from '@/lib/messaging/email/validation'
 import type { CreatorProfileDetails } from '@/app/_types/creator-profile'
@@ -504,7 +505,7 @@ export function TemplateProfile() {
        <Button
          onClick={handleSubmit}
          disabled={saveStatus === 'saving' || !isFormValid}
-          variant='tertiary'
+          variant='primary'
        >
          {saveStatus === 'saving' ? 'Saving...' : saveStatus === 'saved' ? 'Saved' : 'Save'}
        </Button>
--- a/apps/sim/app/workspace/[workspaceId]/settings/components/workflow-mcp-servers/workflow-mcp-servers.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/settings/components/workflow-mcp-servers/workflow-mcp-servers.tsx
@@ -19,7 +19,6 @@ import {
  ModalContent,
  ModalFooter,
  ModalHeader,
-  Skeleton,
  SModalTabs,
  SModalTabsBody,
  SModalTabsContent,
@@ -28,7 +27,7 @@ import {
  Textarea,
  Tooltip,
 } from '@/components/emcn'
-import { Input } from '@/components/ui'
+import { Input, Skeleton } from '@/components/ui'
 import { getBaseUrl } from '@/lib/core/utils/urls'
 import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/providers/workspace-permissions-provider'
 import { useApiKeys } from '@/hooks/queries/api-keys'
@@ -350,7 +349,7 @@ function ServerDetailView({ workspaceId, serverId, onBack }: ServerDetailViewPro
                      <Tooltip.Trigger asChild>
                        <div className='inline-flex'>
                          <Button
-                            variant='tertiary'
+                            variant='primary'
                            onClick={() => setShowAddWorkflow(true)}
                            disabled
                          >
@@ -365,7 +364,7 @@ function ServerDetailView({ workspaceId, serverId, onBack }: ServerDetailViewPro
                    </Tooltip.Root>
                  ) : (
                    <Button
-                      variant='tertiary'
+                      variant='primary'
                      onClick={() => setShowAddWorkflow(true)}
                      disabled={!canAddWorkflow}
                    >
@@ -481,7 +480,7 @@ function ServerDetailView({ workspaceId, serverId, onBack }: ServerDetailViewPro
                        workflows via the MCP block.
                      </p>
                      <Button
-                        variant='tertiary'
+                        variant='primary'
                        className='self-start'
                        disabled={addToWorkspaceMutation.isPending || addedToWorkspace}
                        onClick={async () => {
@@ -740,7 +739,7 @@ function ServerDetailView({ workspaceId, serverId, onBack }: ServerDetailViewPro
              Cancel
            </Button>
            <Button
-              variant='tertiary'
+              variant='primary'
              onClick={async () => {
                if (!toolToView) return
                try {
@@ -860,7 +859,7 @@ function ServerDetailView({ workspaceId, serverId, onBack }: ServerDetailViewPro
              Cancel
            </Button>
            <Button
-              variant='tertiary'
+              variant='primary'
              onClick={handleAddWorkflow}
              disabled={!selectedWorkflowId || addToolMutation.isPending}
            >
@@ -921,7 +920,7 @@ function ServerDetailView({ workspaceId, serverId, onBack }: ServerDetailViewPro
              Cancel
            </Button>
            <Button
-              variant='tertiary'
+              variant='primary'
              onClick={handleSaveServerEdit}
              disabled={
                !editServerName.trim() ||
@@ -1060,7 +1059,7 @@ export function WorkflowMcpServers() {
              className='h-auto flex-1 border-0 bg-transparent p-0 font-base leading-none placeholder:text-[var(--text-tertiary)] focus-visible:ring-0 focus-visible:ring-offset-0'
            />
          </div>
-          <Button onClick={() => setShowAddModal(true)} disabled={isLoading} variant='tertiary'>
+          <Button onClick={() => setShowAddModal(true)} disabled={isLoading} variant='primary'>
            <Plus className='mr-[6px] h-[13px] w-[13px]' />
            Add
          </Button>
@@ -1204,7 +1203,7 @@ export function WorkflowMcpServers() {
            <Button
              onClick={handleCreateServer}
              disabled={!isFormValid || createServerMutation.isPending}
-              variant='tertiary'
+              variant='primary'
            >
              {createServerMutation.isPending ? 'Adding...' : 'Add Server'}
            </Button>
--- a/apps/sim/app/workspace/[workspaceId]/tables/[tableId]/components/row-modal/row-modal.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/tables/[tableId]/components/row-modal/row-modal.tsx
@@ -221,7 +221,7 @@ export function RowModal({ mode, isOpen, onClose, table, row, rowIds, onSuccess
          </Button>
          <Button
            type='button'
-            variant='tertiary'
+            variant='primary'
            onClick={handleFormSubmit}
            disabled={isSubmitting}
            className='min-w-[120px]'
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/copilot/components/copilot-message/components/checkpoint-confirmation/checkpoint-confirmation.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/copilot/components/copilot-message/components/checkpoint-confirmation/checkpoint-confirmation.tsx
@@ -65,7 +65,7 @@ export function CheckpointConfirmation({
        {!isRestoreVariant && onContinue && (
          <Button
            onClick={onContinue}
-            variant='tertiary'
+            variant='primary'
            size='sm'
            className='flex-1'
            disabled={isProcessing}
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/copilot/components/tool-call/tool-call.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/copilot/components/tool-call/tool-call.tsx
@@ -1390,7 +1390,7 @@ function RunSkipButtons({
  // Standardized buttons for all interrupt tools: Allow, Always Allow, Skip
  return (
    <div className='mt-[10px] flex gap-[6px]'>
-      <Button onClick={onRun} disabled={isProcessing} variant='tertiary'>
+      <Button onClick={onRun} disabled={isProcessing} variant='primary'>
        {isProcessing ? 'Allowing...' : 'Allow'}
      </Button>
      {showAlwaysAllow && (
@@ -2130,7 +2130,7 @@ export function ToolCall({
              onStateChange?.('background')
              await sendToolDecision(toolCall.id, 'background')
            }}
-            variant='tertiary'
+            variant='primary'
            title='Move to Background'
          >
            Move to Background
@@ -2144,7 +2144,7 @@ export function ToolCall({
              onStateChange?.('background')
              await sendToolDecision(toolCall.id, 'background')
            }}
-            variant='tertiary'
+            variant='primary'
            title='Wake'
          >
            Wake
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/copilot/components/user-input/hooks/use-file-attachments.ts
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/copilot/components/user-input/hooks/use-file-attachments.ts
@@ -43,7 +43,6 @@ export interface MessageFileAttachment {

 interface UseFileAttachmentsProps {
  userId?: string
-  workspaceId?: string
  disabled?: boolean
  isLoading?: boolean
 }
@@ -56,7 +55,7 @@ interface UseFileAttachmentsProps {
 * @returns File attachment state and operations
 */
 export function useFileAttachments(props: UseFileAttachmentsProps) {
-  const { userId, workspaceId, disabled, isLoading } = props
+  const { userId, disabled, isLoading } = props

  const [attachedFiles, setAttachedFiles] = useState<AttachedFile[]>([])
  const [isDragging, setIsDragging] = useState(false)
@@ -136,10 +135,7 @@ export function useFileAttachments(props: UseFileAttachmentsProps) {
        try {
          const formData = new FormData()
          formData.append('file', file)
-          formData.append('context', 'mothership')
-          if (workspaceId) {
-            formData.append('workspaceId', workspaceId)
-          }
+          formData.append('context', 'copilot')

          const uploadResponse = await fetch('/api/files/upload', {
            method: 'POST',
@@ -175,7 +171,7 @@ export function useFileAttachments(props: UseFileAttachmentsProps) {
        }
      }
    },
-    [userId, workspaceId]
+    [userId]
  )

  /**
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/copilot/components/user-input/user-input.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/copilot/components/user-input/user-input.tsx
@@ -188,7 +188,6 @@ const UserInput = forwardRef<UserInputRef, UserInputProps>(

    const fileAttachments = useFileAttachments({
      userId: session?.user?.id,
-      workspaceId,
      disabled,
      isLoading,
    })
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/a2a/a2a.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/a2a/a2a.tsx
@@ -12,11 +12,11 @@ import {
  Code,
  Input,
  Label,
-  Skeleton,
  TagInput,
  Textarea,
  Tooltip,
 } from '@/components/emcn'
+import { Skeleton } from '@/components/ui'
 import type { AgentAuthentication, AgentCapabilities } from '@/lib/a2a/types'
 import { getBaseUrl } from '@/lib/core/utils/urls'
 import { normalizeInputFormatValue } from '@/lib/workflows/input-format'
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/api/api.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/api/api.tsx
@@ -9,9 +9,9 @@ import {
  Code,
  Combobox,
  Label,
-  Skeleton,
  Tooltip,
 } from '@/components/emcn'
+import { Skeleton } from '@/components/ui'
 import { OutputSelect } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/chat/components/output-select/output-select'

 interface WorkflowDeploymentInfo {
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/chat/chat.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/chat/chat.tsx
@@ -14,13 +14,12 @@ import {
  ModalContent,
  ModalFooter,
  ModalHeader,
-  Skeleton,
  TagInput,
  type TagItem,
  Textarea,
  Tooltip,
 } from '@/components/emcn'
-import { Alert, AlertDescription } from '@/components/ui'
+import { Alert, AlertDescription, Skeleton } from '@/components/ui'
 import { getEnv, isTruthy } from '@/lib/core/config/env'
 import { generatePassword } from '@/lib/core/security/encryption'
 import { cn } from '@/lib/core/utils/cn'
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/form/form.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/form/form.tsx
@@ -8,12 +8,12 @@ import {
  ButtonGroupItem,
  Input,
  Label,
-  Skeleton,
  TagInput,
  type TagItem,
  Textarea,
  Tooltip,
 } from '@/components/emcn'
+import { Skeleton } from '@/components/ui'
 import { isDev } from '@/lib/core/config/feature-flags'
 import { cn } from '@/lib/core/utils/cn'
 import { getBaseUrl, getEmailDomain } from '@/lib/core/utils/urls'
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/general/components/versions.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/general/components/versions.tsx
@@ -9,9 +9,9 @@ import {
  PopoverContent,
  PopoverItem,
  PopoverTrigger,
-  Skeleton,
  Tooltip,
 } from '@/components/emcn'
+import { Skeleton } from '@/components/ui'
 import { formatDateTime } from '@/lib/core/utils/formatting'
 import type { WorkflowDeploymentVersionResponse } from '@/lib/workflows/persistence/utils'
 import { useUpdateDeploymentVersion } from '@/hooks/queries/deployments'
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/general/general.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/general/general.tsx
@@ -13,9 +13,9 @@ import {
  ModalContent,
  ModalFooter,
  ModalHeader,
-  Skeleton,
  Tooltip,
 } from '@/components/emcn'
+import { Skeleton } from '@/components/ui'
 import type { WorkflowDeploymentVersionResponse } from '@/lib/workflows/persistence/utils'
 import { Preview, PreviewWorkflow } from '@/app/workspace/[workspaceId]/w/components/preview'
 import { useDeploymentVersionState, useRevertToVersion } from '@/hooks/queries/workflows'
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/mcp/mcp.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/mcp/mcp.tsx
@@ -10,9 +10,9 @@ import {
  type ComboboxOption,
  Input,
  Label,
-  Skeleton,
  Textarea,
 } from '@/components/emcn'
+import { Skeleton } from '@/components/ui'
 import { generateToolInputSchema, sanitizeToolName } from '@/lib/mcp/workflow-tool-schema'
 import { normalizeInputFormatValue } from '@/lib/workflows/input-format'
 import { isInputDefinitionTrigger } from '@/lib/workflows/triggers/input-definition-triggers'
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/template/template.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/template/template.tsx
@@ -12,10 +12,10 @@ import {
  ModalContent,
  ModalFooter,
  ModalHeader,
-  Skeleton,
  TagInput,
  Textarea,
 } from '@/components/emcn'
+import { Skeleton } from '@/components/ui'
 import { useSession } from '@/lib/auth/auth-client'
 import { cn } from '@/lib/core/utils/cn'
 import { captureAndUploadOGImage, OG_IMAGE_HEIGHT, OG_IMAGE_WIDTH } from '@/lib/og'
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/deploy-modal.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/deploy-modal.tsx
@@ -1006,12 +1006,7 @@ function GeneralFooter({
    <ModalFooter className='items-center justify-between'>
      <StatusBadge isWarning={needsRedeployment} />
      <div className='flex items-center gap-2'>
-        <Button
-          variant='default'
-          onClick={onUndeploy}
-          disabled={isUndeploying || isSubmitting}
-          className='px-[7px] py-[5px]'
-        >
+        <Button variant='default' onClick={onUndeploy} disabled={isUndeploying || isSubmitting}>
          {isUndeploying ? 'Undeploying...' : 'Undeploy'}
        </Button>
        {needsRedeployment && (
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/credential-selector/components/oauth-required-modal.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/credential-selector/components/oauth-required-modal.tsx
@@ -180,7 +180,7 @@ export function OAuthRequiredModal({
          <Button variant='default' onClick={onClose}>
            Cancel
          </Button>
-          <Button variant='tertiary' type='button' onClick={handleConnectDirectly}>
+          <Button variant='primary' type='button' onClick={handleConnectDirectly}>
            Connect
          </Button>
        </ModalFooter>
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/tool-input/components/custom-tool-modal/custom-tool-modal.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/tool-input/components/custom-tool-modal/custom-tool-modal.tsx
@@ -863,7 +863,7 @@ try {
                          placeholder='Generate...'
                        />
                        <Button
-                          variant='tertiary'
+                          variant='primary'
                          disabled={!schemaPromptInput.trim() || schemaGeneration.isStreaming}
                          onMouseDown={(e) => {
                            e.preventDefault()
@@ -955,7 +955,7 @@ try {
                          placeholder='Generate...'
                        />
                        <Button
-                          variant='tertiary'
+                          variant='primary'
                          disabled={!codePromptInput.trim() || codeGeneration.isStreaming}
                          onMouseDown={(e) => {
                            e.preventDefault()
@@ -1135,7 +1135,7 @@ try {
                  Cancel
                </Button>
                <Button
-                  variant='tertiary'
+                  variant='primary'
                  onClick={() => setActiveSection('code')}
                  disabled={!isSchemaValid || !!schemaError}
                >
@@ -1161,7 +1161,7 @@ try {
                  Cancel
                </Button>
                <Button
-                  variant='tertiary'
+                  variant='primary'
                  onClick={handleSave}
                  disabled={!isSchemaValid || !!schemaError || !hasChanges}
                >
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/tool-input/components/tools/parameter.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/tool-input/components/tools/parameter.tsx
@@ -129,7 +129,7 @@ export function ParameterWithLabel({
                  placeholder='Generate with AI...'
                />
                <Button
-                  variant='tertiary'
+                  variant='primary'
                  disabled={!searchQuery.trim() || isStreaming}
                  onMouseDown={(e: React.MouseEvent) => {
                    e.preventDefault()
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/sub-block.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/sub-block.tsx
@@ -331,7 +331,7 @@ const renderLabel = (
                  placeholder='Generate with AI...'
                />
                <Button
-                  variant='tertiary'
+                  variant='primary'
                  disabled={!wandState.searchQuery.trim() || wandState.isStreaming}
                  onMouseDown={(e: React.MouseEvent) => {
                    e.preventDefault()
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/training-modal/training-modal.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/training-modal/training-modal.tsx
@@ -372,7 +372,7 @@ export function TrainingModal() {
                    Cancel
                  </Button>
                  <Button
-                    variant='tertiary'
+                    variant='primary'
                    onClick={() => {
                      useCopilotTrainingStore.getState().stopTraining()
                      setLocalPrompt('')
@@ -439,7 +439,7 @@ export function TrainingModal() {
              <Button
                onClick={handleStart}
                disabled={!localTitle.trim() || !localPrompt.trim()}
-                variant='tertiary'
+                variant='primary'
                className='w-full'
              >
                Start Training Session
@@ -470,7 +470,7 @@ export function TrainingModal() {
                    <div className='flex gap-[8px]'>
                      {selectedDatasets.size > 0 && (
                        <Button
-                          variant='tertiary'
+                          variant='primary'
                          onClick={handleSendSelected}
                          disabled={sendingSelected}
                        >
@@ -755,7 +755,7 @@ export function TrainingModal() {
                  sendingLiveWorkflow ||
                  currentWorkflow.getBlockCount() === 0
                }
-                variant='tertiary'
+                variant='primary'
                className={cn(
                  'w-full',
                  liveWorkflowSent && '!bg-green-600 !text-white hover:!bg-green-700',
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Cursor Agent	9f56602c98	fix: revert hero CTA href from /enterprise to /login The /enterprise route does not exist - the Enterprise component is a stub returning null and there is no enterprise/page.tsx. Reverting to the original working /login route to fix the broken CTA.	2026-03-14 22:10:30 +00:00
Emir Karabeg	dc98812bd7	improvement: landing, sidebar, globals, buttons	2026-03-14 15:03:53 -07:00
				`@@ -0,0 +1 @@`
				`export { ReferralCode } from './referral-code'`