improvement(platform): squashed 6-commit branch onto staging

Combined work across the platform branch:
- removed product tour
- consolidated sidebar header and simplified workspace menu
- removed loading skeletons, simplified settings, refreshed icons
- pruned CLAUDE.md
- removed home templates
- home credits + suggested actions, integrations route, sidebar polish

Author: emir-karabeg

CLAUDE.md

@@ -8,7 +8,7 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from '@/components/emcn'
-import { Copy } from '@/components/emcn/icons'
+import { Duplicate } from '@/components/emcn/icons'
 import { LinkedInIcon, xIcon as XIcon } from '@/components/icons'
 
 interface ShareButtonProps {
@@ -52,7 +52,7 @@ export function ShareButton({ url, title }: ShareButtonProps) {
       </DropdownMenuTrigger>
       <DropdownMenuContent align='end'>
         <DropdownMenuItem onSelect={handleCopyLink}>
-          <Copy className='h-4 w-4' />
+          <Duplicate className='h-4 w-4' />
           {copied ? 'Copied!' : 'Copy link'}
         </DropdownMenuItem>
         <DropdownMenuItem onSelect={handleShareTwitter}>

apps/sim/app/(landing)/blog/[slug]/share-button.tsx

@@ -1,8 +1,7 @@
 'use client'
 
 import { useMemo, useState } from 'react'
-import { Download } from 'lucide-react'
-import { ArrowUpDown, Badge, Library, ListFilter, Search } from '@/components/emcn'
+import { ArrowUpDown, Badge, Library, ListFilter, Search, Upload } from '@/components/emcn'
 import type { BadgeProps } from '@/components/emcn/components/badge/badge'
 import { cn } from '@/lib/core/utils/cn'
 import { workflowBorderColor } from '@/lib/workspaces/colors'
@@ -179,7 +178,7 @@ export function LandingPreviewLogs() {
           </div>
           <div className='flex items-center gap-1'>
             <div className='flex cursor-default items-center rounded-md px-2 py-1 text-[var(--text-secondary)] text-caption'>
-              <Download className='mr-1.5 h-[14px] w-[14px] text-[var(--text-icon)]' />
+              <Upload className='mr-1.5 h-[14px] w-[14px] text-[var(--text-icon)]' />
               Export
             </div>
             <button

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

@@ -9,8 +9,8 @@ import { TemplateCardButton } from '@/app/(landing)/integrations/(shell)/[slug]/
 import { IntegrationIcon } from '@/app/(landing)/integrations/components/integration-icon'
 import { blockTypeToIconMap } from '@/app/(landing)/integrations/data/icon-mapping'
 import integrations from '@/app/(landing)/integrations/data/integrations.json'
+import { TEMPLATES } from '@/app/(landing)/integrations/data/templates'
 import type { AuthType, FAQItem, Integration } from '@/app/(landing)/integrations/data/types'
-import { TEMPLATES } from '@/app/workspace/[workspaceId]/home/components/template-prompts/consts'
 
 const allIntegrations = integrations as Integration[]
 const INTEGRATION_COUNT = allIntegrations.length

apps/sim/app/(landing)/integrations/(shell)/[slug]/page.tsx

@@ -185,7 +185,7 @@ html[data-sidebar-collapsed] .sidebar-container .sidebar-collapse-btn {
   :root,
   .light {
     --bg: #fefefe; /* main canvas - neutral near-white */
-    --surface-1: #f9f9f9; /* sidebar, panels */
+    --surface-1: #fbfbfb; /* sidebar, panels */
     --surface-2: #ffffff; /* blocks, cards, modals - pure white */
     --surface-3: #f7f7f7; /* popovers, headers */
     --surface-4: #f5f5f5; /* buttons base */
@@ -206,7 +206,7 @@ html[data-sidebar-collapsed] .sidebar-container .sidebar-collapse-btn {
     --text-muted: #707070;
     --text-subtle: #8c8c8c;
     --text-body: #3b3b3b;
-    --text-icon: #5e5e5e;
+    --text-icon: #525252;
 
     --text-inverse: #ffffff;
     --text-muted-inverse: #a0a0a0;
@@ -362,7 +362,7 @@ html[data-sidebar-collapsed] .sidebar-container .sidebar-collapse-btn {
     --text-muted: #787878;
     --text-subtle: #7d7d7d;
     --text-body: #cdcdcd;
-    --text-icon: #939393;
+    --text-icon: #a0a0a0;
 
     --text-inverse: #1b1b1b;
     --text-muted-inverse: #b3b3b3;

…me/components/template-prompts/consts.ts …(landing)/integrations/data/templates.tsapps/sim/app/workspace/[workspaceId]/home/components/template-prompts/consts.ts renamed to apps/sim/app/(landing)/integrations/data/templates.ts apps/sim/app/workspace/[workspaceId]/home/components/template-prompts/consts.ts renamed to apps/sim/app/(landing)/integrations/data/templates.ts

@@ -182,7 +182,7 @@ export const ChatInput: React.FC<{
           <div
             onClick={handleContainerClick}
             className={cn(
-              'relative z-10 cursor-text rounded-[20px] border border-[var(--border-1)] bg-[var(--landing-bg-elevated)] px-2.5 py-2',
+              'relative z-10 cursor-text rounded-2xl border border-[var(--border-1)] bg-[var(--landing-bg-elevated)] px-2.5 py-2',
               isDragOver && 'border-purple-500'
             )}
             onDragEnter={(e) => {

apps/sim/app/_styles/globals.css

@@ -3,8 +3,8 @@
 import { useState } from 'react'
 import { createLogger } from '@sim/logger'
 import { sleep } from '@sim/utils/helpers'
-import { ArrowDown, Download, Music } from 'lucide-react'
-import { Button, Loader } from '@/components/emcn'
+import { Music } from 'lucide-react'
+import { Button, Loader, Upload } from '@/components/emcn'
 import { DefaultFileIcon, getDocumentIcon } from '@/components/icons/document-icons'
 import type { ChatFile } from '@/app/chat/components/message/message'
 
@@ -128,7 +128,7 @@ export function ChatFileDownload({ file }: ChatFileDownloadProps) {
         {isDownloading ? (
           <Loader className='h-3.5 w-3.5' animate />
         ) : (
-          <ArrowDown
+          <Upload
             className={`h-3.5 w-3.5 transition-opacity ${isHovered ? 'opacity-100' : 'opacity-0'}`}
           />
         )}
@@ -178,7 +178,7 @@ export function ChatFileDownloadAll({ files }: ChatFileDownloadAllProps) {
       {isDownloading ? (
         <Loader className='h-3 w-3' animate />
       ) : (
-        <Download className='h-3 w-3' strokeWidth={2} />
+        <Upload className='h-3 w-3' strokeWidth={2} />
       )}
     </button>
   )

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

@@ -1,8 +1,8 @@
 'use client'
 
 import { memo, useState } from 'react'
-import { Check, Copy, File as FileIcon, FileText, Image as ImageIcon } from 'lucide-react'
-import { Tooltip } from '@/components/emcn'
+import { Check, File as FileIcon, FileText, Image as ImageIcon } from 'lucide-react'
+import { Duplicate, Tooltip } from '@/components/emcn'
 import {
   ChatFileDownload,
   ChatFileDownloadAll,
@@ -214,7 +214,7 @@ export const ClientChatMessage = memo(
                           {isCopied ? (
                             <Check className='h-3 w-3' strokeWidth={2} />
                           ) : (
-                            <Copy className='h-3 w-3' strokeWidth={2} />
+                            <Duplicate className='h-3 w-3' />
                           )}
                         </button>
                       </Tooltip.Trigger>

apps/sim/app/chat/components/message/components/file-download.tsx

@@ -20,7 +20,6 @@ import {
   Code,
   Combobox,
   Connections,
-  Copy,
   Cursor,
   DatePicker,
   DocumentAttachment,
@@ -999,7 +998,6 @@ export default function PlaygroundPage() {
                 { Icon: CardIcon, name: 'Card' },
                 { Icon: ChevronDown, name: 'ChevronDown' },
                 { Icon: Connections, name: 'Connections' },
-                { Icon: Copy, name: 'Copy' },
                 { Icon: Cursor, name: 'Cursor' },
                 { Icon: DocumentAttachment, name: 'DocumentAttachment' },
                 { Icon: Download, name: 'Download' },