improvement(platform): remove tour, simplify sidebar/header, drop loading skeletons

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

@@ -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)/components/landing-preview/components/landing-preview-logs/landing-preview-logs.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)/integrations/(shell)/[slug]/page.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/_styles/globals.css

@@ -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;

apps/sim/app/api/workspaces/[id]/route.ts

@@ -17,10 +17,6 @@ import { getUserEntityPermissions } from '@/lib/workspaces/permissions/utils'
 
 const patchWorkspaceSchema = z.object({
   name: z.string().trim().min(1).optional(),
-  color: z
-    .string()
-    .regex(/^#[0-9a-fA-F]{6}$/)
-    .optional(),
   logoUrl: z
     .string()
     .refine((val) => val.startsWith('/') || val.startsWith('https://'), {
@@ -130,11 +126,10 @@ export const PATCH = withRouteHandler(
 
     try {
       const body = patchWorkspaceSchema.parse(await request.json())
-      const { name, color, logoUrl, billedAccountUserId, allowPersonalApiKeys } = body
+      const { name, logoUrl, billedAccountUserId, allowPersonalApiKeys } = body
 
       if (
         name === undefined &&
-        color === undefined &&
         logoUrl === undefined &&
         billedAccountUserId === undefined &&
         allowPersonalApiKeys === undefined
@@ -158,10 +153,6 @@ export const PATCH = withRouteHandler(
         updateData.name = name
       }
 
-      if (color !== undefined) {
-        updateData.color = color
-      }
-
       if (logoUrl !== undefined) {
         updateData.logoUrl = logoUrl
       }
@@ -254,7 +245,6 @@ export const PATCH = withRouteHandler(
         metadata: {
           changes: {
             ...(name !== undefined && { name: { from: existingWorkspace.name, to: name } }),
-            ...(color !== undefined && { color: { from: existingWorkspace.color, to: color } }),
             ...(logoUrl !== undefined && {
               logoUrl: { from: existingWorkspace.logoUrl, to: logoUrl },
             }),

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

@@ -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/chat/components/message/components/file-download.tsx

@@ -3,8 +3,8 @@
 import { useState } from 'react'
 import { createLogger } from '@sim/logger'
 import { sleep } from '@sim/utils/helpers'
-import { ArrowDown, Download, Loader2, Music } from 'lucide-react'
-import { Button } from '@/components/emcn'
+import { Loader2, Music } from 'lucide-react'
+import { Button, 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 ? (
           <Loader2 className='h-3.5 w-3.5 animate-spin' />
         ) : (
-          <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 ? (
         <Loader2 className='h-3 w-3 animate-spin' strokeWidth={2} />
       ) : (
-        <Download className='h-3 w-3' strokeWidth={2} />
+        <Upload className='h-3 w-3' strokeWidth={2} />
       )}
     </button>
   )

apps/sim/app/chat/components/message/message.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/playground/page.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' },

apps/sim/app/templates/[id]/template.tsx

@@ -19,11 +19,11 @@ import 'streamdown/styles.css'
 import {
   Breadcrumb,
   Button,
-  Copy,
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
+  Duplicate,
   Popover,
   PopoverContent,
   PopoverItem,
@@ -755,7 +755,7 @@ export default function TemplateDetails({ isWorkspaceContext = false }: Template
                 </PopoverTrigger>
                 <PopoverContent align='end' side='bottom' sideOffset={8}>
                   <PopoverItem onClick={handleCopyLink}>
-                    <Copy className='h-3 w-3' />
+                    <Duplicate className='h-3 w-3' />
                     <span>Copy link</span>
                   </PopoverItem>
                   <PopoverItem onClick={handleShareToTwitter}>

apps/sim/app/workspace/[workspaceId]/components/conversation-list-item.tsx

@@ -1,5 +1,4 @@
 import type { ReactNode } from 'react'
-import { Blimp } from '@/components/emcn'
 import { cn } from '@/lib/core/utils/cn'
 
 interface ConversationListItemProps {
@@ -14,34 +13,12 @@ interface ConversationListItemProps {
 
 export function ConversationListItem({
   title,
-  isActive = false,
-  isUnread = false,
   className,
   titleClassName,
-  statusIndicatorClassName,
   actions,
 }: ConversationListItemProps) {
   return (
     <div className={cn('flex w-full min-w-0 items-center gap-2', className)}>
-      <span className='relative flex-shrink-0'>
-        <Blimp className='h-[16px] w-[16px] text-[var(--text-icon)]' />
-        {isActive && (
-          <span
-            className={cn(
-              '-right-[1px] -bottom-[1px] absolute h-[6px] w-[6px] rounded-full border border-[var(--surface-1)] bg-amber-400',
-              statusIndicatorClassName
-            )}
-          />
-        )}
-        {!isActive && isUnread && (
-          <span
-            className={cn(
-              '-right-[1px] -bottom-[1px] absolute h-[6px] w-[6px] rounded-full border border-[var(--surface-1)] bg-[var(--indicator-online)]',
-              statusIndicatorClassName
-            )}
-          />
-        )}
-      </span>
       <span className={cn('min-w-0 flex-1 truncate', titleClassName)}>{title}</span>
       {actions && <div className='ml-auto flex flex-shrink-0 items-center'>{actions}</div>}
     </div>

apps/sim/app/workspace/[workspaceId]/components/index.ts

@@ -28,3 +28,4 @@ export type {
   SelectableConfig,
 } from './resource/resource'
 export { Resource, ResourceTable } from './resource/resource'
+export { TaskStatusDot } from './task-status-dot'

apps/sim/app/workspace/[workspaceId]/components/message-actions/message-actions.tsx

@@ -6,7 +6,7 @@ import { useParams, useRouter } from 'next/navigation'
 import {
   Button,
   Check,
-  Copy,
+  Duplicate,
   Modal,
   ModalBody,
   ModalContent,
@@ -177,7 +177,7 @@ export const MessageActions = memo(function MessageActions({
                 onClick={copyToClipboard}
                 className={BUTTON_CLASS}
               >
-                {copied ? <Check className={ICON_CLASS} /> : <Copy className={ICON_CLASS} />}
+                {copied ? <Check className={ICON_CLASS} /> : <Duplicate className={ICON_CLASS} />}
               </button>
             </Tooltip.Trigger>
             <Tooltip.Content side='top'>
@@ -254,7 +254,7 @@ export const MessageActions = memo(function MessageActions({
                         {copiedRequestId ? (
                           <Check className='h-[14px] w-[14px]' />
                         ) : (
-                          <Copy className='h-[14px] w-[14px]' />
+                          <Duplicate className='h-[14px] w-[14px]' />
                         )}
                       </button>
                     </Tooltip.Trigger>