simstudioai · waleedlatif1 · Aug 5, 2025 · Jul 27, 2025 · Jul 31, 2025 · Aug 2, 2025
diff --git a/apps/sim/app/globals.css b/apps/sim/app/globals.css
@@ -126,8 +126,8 @@
     --destructive-foreground: 0 0% 98%;
 
     /* Border & Input Colors */
-    --border: 0 0% 22.7%;
-    --input: 0 0% 22.7%;
+    --border: 0 0% 16.1%;
+    --input: 0 0% 16.1%;
     --ring: 0 0% 83.9%;
 
     /* Scrollbar Properties */

diff --git a/apps/sim/app/layout.tsx b/apps/sim/app/layout.tsx
@@ -1,5 +1,6 @@
 import { Analytics } from '@vercel/analytics/next'
 import { SpeedInsights } from '@vercel/speed-insights/next'
+import { GeistSans } from 'geist/font/sans'
 import type { Metadata, Viewport } from 'next'
 import { PublicEnvScript } from 'next-runtime-env'
 import { isHosted } from '@/lib/environment'
@@ -162,7 +163,7 @@ export const metadata: Metadata = {
 
 export default function RootLayout({ children }: { children: React.ReactNode }) {
   return (
-    <html lang='en' suppressHydrationWarning>
+    <html lang='en' suppressHydrationWarning className={GeistSans.className}>
       <head>
         {/* Structured Data for SEO */}
         <script

diff --git a/...workspaceId]/knowledge/[id]/[documentId]/components/edit-chunk-modal/edit-chunk-modal.tsx b/...workspaceId]/knowledge/[id]/[documentId]/components/edit-chunk-modal/edit-chunk-modal.tsx
@@ -18,7 +18,7 @@ import { Label } from '@/components/ui/label'
 import { Textarea } from '@/components/ui/textarea'
 import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
 import { createLogger } from '@/lib/logs/console/logger'
-import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/components/providers/workspace-permissions-provider'
+import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/providers/workspace-permissions-provider'
 import type { ChunkData, DocumentData } from '@/stores/knowledge/store'
 
 const logger = createLogger('EditChunkModal')

diff --git a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/[documentId]/document.tsx b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/[documentId]/document.tsx
@@ -13,7 +13,6 @@ import {
 } from '@/components/ui'
 import { TAG_SLOTS } from '@/lib/constants/knowledge'
 import { createLogger } from '@/lib/logs/console/logger'
-import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/components/providers/workspace-permissions-provider'
 import {
   CreateChunkModal,
   DeleteChunkModal,
@@ -26,6 +25,7 @@ import {
   type DocumentTag,
   DocumentTagEntry,
 } from '@/app/workspace/[workspaceId]/knowledge/components/document-tag-entry/document-tag-entry'
+import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/providers/workspace-permissions-provider'
 import { useDocumentChunks } from '@/hooks/use-knowledge'
 import { useTagDefinitions } from '@/hooks/use-tag-definitions'
 import { type ChunkData, type DocumentData, useKnowledgeStore } from '@/stores/knowledge/store'

diff --git a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/base.tsx b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/base.tsx
@@ -30,7 +30,6 @@ import { Checkbox } from '@/components/ui/checkbox'
 import { SearchHighlight } from '@/components/ui/search-highlight'
 import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
 import { createLogger } from '@/lib/logs/console/logger'
-import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/components/providers/workspace-permissions-provider'
 import {
   ActionBar,
   KnowledgeBaseLoading,
@@ -42,6 +41,7 @@ import {
   PrimaryButton,
   SearchInput,
 } from '@/app/workspace/[workspaceId]/knowledge/components'
+import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/providers/workspace-permissions-provider'
 import { useKnowledgeBase, useKnowledgeBaseDocuments } from '@/hooks/use-knowledge'
 import { type DocumentData, useKnowledgeStore } from '@/stores/knowledge/store'
 

diff --git a/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/action-bar/action-bar.tsx b/apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/action-bar/action-bar.tsx
@@ -3,7 +3,7 @@ import { Circle, CircleOff, Trash2 } from 'lucide-react'
 import { Button } from '@/components/ui/button'
 import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
 import { cn } from '@/lib/utils'
-import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/components/providers/workspace-permissions-provider'
+import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/providers/workspace-permissions-provider'
 
 interface ActionBarProps {
   selectedCount: number

diff --git a/apps/sim/app/workspace/[workspaceId]/knowledge/knowledge.tsx b/apps/sim/app/workspace/[workspaceId]/knowledge/knowledge.tsx
@@ -4,7 +4,6 @@ import { useMemo, useState } from 'react'
 import { LibraryBig, Plus } from 'lucide-react'
 import { useParams } from 'next/navigation'
 import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
-import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/components/providers/workspace-permissions-provider'
 import {
   BaseOverview,
   CreateModal,
@@ -14,6 +13,7 @@ import {
   PrimaryButton,
   SearchInput,
 } from '@/app/workspace/[workspaceId]/knowledge/components'
+import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/providers/workspace-permissions-provider'
 import { useKnowledgeBasesList } from '@/hooks/use-knowledge'
 import type { KnowledgeBaseData } from '@/stores/knowledge/store'
 

diff --git a/apps/sim/app/workspace/[workspaceId]/layout.tsx b/apps/sim/app/workspace/[workspaceId]/layout.tsx
@@ -1,4 +1,4 @@
-import Providers from '@/app/workspace/[workspaceId]/w/components/providers/providers'
+import Providers from '@/app/workspace/[workspaceId]/providers/providers'
 import { Sidebar } from '@/app/workspace/[workspaceId]/w/components/sidebar/sidebar'
 
 export default function WorkspaceLayout({ children }: { children: React.ReactNode }) {

diff --git a/...eId]/w/components/providers/providers.tsx → ...ace/[workspaceId]/providers/providers.tsx b/...eId]/w/components/providers/providers.tsx → ...ace/[workspaceId]/providers/providers.tsx
@@ -2,8 +2,8 @@
 
 import React from 'react'
 import { TooltipProvider } from '@/components/ui/tooltip'
-import { WorkspacePermissionsProvider } from '@/app/workspace/[workspaceId]/components/providers/workspace-permissions-provider'
-import { ThemeProvider } from '@/app/workspace/[workspaceId]/w/components/providers/theme-provider'
+import { ThemeProvider } from '@/app/workspace/[workspaceId]/providers/theme-provider'
+import { WorkspacePermissionsProvider } from '@/app/workspace/[workspaceId]/providers/workspace-permissions-provider'
 
 interface ProvidersProps {
   children: React.ReactNode

diff --git a/...w/components/providers/theme-provider.tsx → ...workspaceId]/providers/theme-provider.tsx b/...w/components/providers/theme-provider.tsx → ...workspaceId]/providers/theme-provider.tsx
diff --git a/...viders/workspace-permissions-provider.tsx → ...viders/workspace-permissions-provider.tsx b/...viders/workspace-permissions-provider.tsx → ...viders/workspace-permissions-provider.tsx
diff --git a/apps/sim/app/workspace/[workspaceId]/templates/components/template-card.tsx b/apps/sim/app/workspace/[workspaceId]/templates/components/template-card.tsx
@@ -135,7 +135,7 @@ interface TemplateCardProps {
 // Skeleton component for loading states
 export function TemplateCardSkeleton({ className }: { className?: string }) {
   return (
-    <div className={cn('rounded-[14px] border bg-card shadow-xs', 'flex h-[142px]', className)}>
+    <div className={cn('rounded-[8px] border bg-card shadow-xs', 'flex h-[142px]', className)}>
       {/* Left side - Info skeleton */}
       <div className='flex min-w-0 flex-1 flex-col justify-between p-4'>
         {/* Top section skeleton */}
@@ -180,7 +180,7 @@ export function TemplateCardSkeleton({ className }: { className?: string }) {
       </div>
 
       {/* Right side - Block Icons skeleton */}
-      <div className='flex w-16 flex-col items-center justify-center gap-2 rounded-r-[14px] border-border border-l bg-secondary p-2'>
+      <div className='flex w-16 flex-col items-center justify-center gap-2 rounded-r-[8px] border-border border-l bg-secondary p-2'>
         {Array.from({ length: 3 }).map((_, index) => (
           <div
             key={index}
@@ -365,7 +365,7 @@ export function TemplateCard({
   return (
     <div
       className={cn(
-        'group rounded-[14px] border bg-card shadow-xs transition-all duration-200 hover:border-border/80 hover:shadow-sm',
+        'group rounded-[8px] border bg-card shadow-xs transition-shadow duration-200 hover:border-border/80 hover:shadow-sm',
         'flex h-[142px]',
         className
       )}
@@ -379,7 +379,7 @@ export function TemplateCard({
               {/* Icon container */}
               <div
                 className={cn(
-                  'flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-md',
+                  'flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-[8px]',
                   // Use CSS class if iconColor doesn't start with #
                   iconColor?.startsWith('#') ? '' : iconColor || 'bg-blue-500'
                 )}
@@ -401,7 +401,7 @@ export function TemplateCard({
               <Star
                 onClick={handleStarClick}
                 className={cn(
-                  'h-4 w-4 cursor-pointer transition-all duration-200',
+                  'h-4 w-4 cursor-pointer transition-colors duration-50',
                   localIsStarred
                     ? 'fill-yellow-400 text-yellow-400'
                     : 'text-muted-foreground hover:fill-yellow-400 hover:text-yellow-400',
@@ -411,7 +411,7 @@ export function TemplateCard({
               <button
                 onClick={handleUseClick}
                 className={cn(
-                  'rounded-md px-3 py-1 font-medium font-sans text-white text-xs transition-all duration-200',
+                  'rounded-[8px] px-3 py-1 font-medium font-sans text-white text-xs transition-[background-color,box-shadow] duration-200',
                   'bg-[#701FFC] hover:bg-[#6518E6]',
                   'shadow-[0_0_0_0_#701FFC] hover:shadow-[0_0_0_4px_rgba(127,47,255,0.15)]'
                 )}
@@ -444,7 +444,7 @@ export function TemplateCard({
       </div>
 
       {/* Right side - Block Icons */}
-      <div className='flex w-16 flex-col items-center justify-center gap-2 rounded-r-[14px] border-border border-l bg-secondary p-2'>
+      <div className='flex w-16 flex-col items-center justify-center gap-2 rounded-r-[8px] border-border border-l bg-secondary p-2'>
         {blockTypes.length > 3 ? (
           <>
             {/* Show first 2 blocks when there are more than 3 */}
@@ -455,7 +455,7 @@ export function TemplateCard({
               return (
                 <div key={index} className='flex items-center justify-center'>
                   <div
-                    className='flex flex-shrink-0 items-center justify-center rounded'
+                    className='flex flex-shrink-0 items-center justify-center rounded-[8px]'
                     style={{
                       backgroundColor: blockConfig.bgColor || 'gray',
                       width: '30px',
@@ -470,7 +470,7 @@ export function TemplateCard({
             {/* Show +n block for remaining blocks */}
             <div className='flex items-center justify-center'>
               <div
-                className='flex flex-shrink-0 items-center justify-center rounded bg-muted-foreground'
+                className='flex flex-shrink-0 items-center justify-center rounded-[8px] bg-muted-foreground'
                 style={{ width: '30px', height: '30px' }}
               >
                 <span className='font-medium text-white text-xs'>+{blockTypes.length - 2}</span>
@@ -486,7 +486,7 @@ export function TemplateCard({
             return (
               <div key={index} className='flex items-center justify-center'>
                 <div
-                  className='flex flex-shrink-0 items-center justify-center rounded'
+                  className='flex flex-shrink-0 items-center justify-center rounded-[8px]'
                   style={{
                     backgroundColor: blockConfig.bgColor || 'gray',
                     width: '30px',

diff --git a/...eId]/w/[workflowId]/components/control-bar/components/export-controls/export-controls.tsx b/...eId]/w/[workflowId]/components/control-bar/components/export-controls/export-controls.tsx
@@ -46,7 +46,7 @@ export function ExportControls({ disabled = false }: ExportControlsProps) {
     setIsExporting(true)
     try {
       const yamlContent = getYaml()
-      const filename = `${currentWorkflow.name.replace(/[^a-z0-9]/gi, '_')}_workflow.yaml`
+      const filename = `${currentWorkflow.name.replace(/[^a-z0-9]/gi, '-')}.yaml`
 
       downloadFile(yamlContent, filename, 'text/yaml')
       logger.info('Workflow exported as YAML')

diff --git a/...ntrol-bar/components/user-avatar-stack/components/connection-status/connection-status.tsx b/...ntrol-bar/components/user-avatar-stack/components/connection-status/connection-status.tsx
@@ -3,7 +3,7 @@
 import { AlertTriangle, RefreshCw } from 'lucide-react'
 import { Button } from '@/components/ui/button'
 import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
-import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/components/providers/workspace-permissions-provider'
+import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/providers/workspace-permissions-provider'
 
 interface ConnectionStatusProps {
   isConnected: boolean

diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/control-bar.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/control-bar.tsx
@@ -34,13 +34,12 @@ import {
 import { useSession } from '@/lib/auth-client'
 import { createLogger } from '@/lib/logs/console/logger'
 import { cn } from '@/lib/utils'
-import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/components/providers/workspace-permissions-provider'
+import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/providers/workspace-permissions-provider'
 import {
   DeploymentControls,
   ExportControls,
   TemplateModal,
 } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/components'
-import { WorkflowTextEditorModal } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-text-editor/workflow-text-editor-modal'
 import { useWorkflowExecution } from '@/app/workspace/[workspaceId]/w/[workflowId]/hooks/use-workflow-execution'
 import {
   getKeyboardShortcutText,
@@ -444,16 +443,18 @@ export function ControlBar({ hasValidationErrors = false }: ControlBarProps) {
 
         <AlertDialogContent>
           <AlertDialogHeader>
-            <AlertDialogTitle>Delete Workflow</AlertDialogTitle>
+            <AlertDialogTitle>Delete workflow?</AlertDialogTitle>
             <AlertDialogDescription>
-              Are you sure you want to delete this workflow? This action cannot be undone.
+              Deleting this workflow will permanently remove all associated blocks, executions, and
+              configuration.{' '}
+              <span className='text-red-500 dark:text-red-500'>This action cannot be undone.</span>
             </AlertDialogDescription>
           </AlertDialogHeader>
-          <AlertDialogFooter>
-            <AlertDialogCancel>Cancel</AlertDialogCancel>
+          <AlertDialogFooter className='flex'>
+            <AlertDialogCancel className='h-9 w-full rounded-[8px]'>Cancel</AlertDialogCancel>
             <AlertDialogAction
               onClick={handleDeleteWorkflow}
-              className='bg-destructive text-destructive-foreground hover:bg-destructive/90'
+              className='h-9 w-full rounded-[8px] bg-red-500 text-white transition-all duration-200 hover:bg-red-600 dark:bg-red-500 dark:hover:bg-red-600'
             >
               Delete
             </AlertDialogAction>
@@ -514,36 +515,6 @@ export function ControlBar({ hasValidationErrors = false }: ControlBarProps) {
     )
   }
 
-  /**
-   * Render YAML editor button
-   */
-  const renderYamlEditorButton = () => {
-    const canEdit = userPermissions.canEdit
-    const isDisabled = isExecuting || isDebugging || !canEdit
-
-    const getTooltipText = () => {
-      if (!canEdit) return 'Admin permission required to edit YAML'
-      if (isDebugging) return 'Cannot edit YAML while debugging'
-      if (isExecuting) return 'Cannot edit YAML while workflow is running'
-      return 'Edit workflow as YAML/JSON'
-    }
-
-    return (
-      <Tooltip>
-        <TooltipTrigger asChild>
-          <WorkflowTextEditorModal
-            disabled={isDisabled}
-            className={cn(
-              'h-12 w-12 rounded-[11px] border bg-card text-card-foreground shadow-xs',
-              isDisabled ? 'cursor-not-allowed opacity-50' : 'cursor-pointer hover:bg-secondary'
-            )}
-          />
-        </TooltipTrigger>
-        <TooltipContent>{getTooltipText()}</TooltipContent>
-      </Tooltip>
-    )
-  }
-
   /**
    * Render auto-layout button
    */
@@ -1029,7 +1000,6 @@ export function ControlBar({ hasValidationErrors = false }: ControlBarProps) {
       {renderDisconnectionNotice()}
       {renderToggleButton()}
       {isExpanded && <ExportControls />}
-      {isExpanded && renderYamlEditorButton()}
       {isExpanded && renderAutoLayoutButton()}
       {isExpanded && renderDuplicateButton()}
       {renderDeleteButton()}

diff --git a/...orkspaceId]/w/[workflowId]/components/workflow-block/components/action-bar/action-bar.tsx b/...orkspaceId]/w/[workflowId]/components/workflow-block/components/action-bar/action-bar.tsx
@@ -2,7 +2,7 @@ import { ArrowLeftRight, ArrowUpDown, Circle, CircleOff, Copy, Trash2 } from 'lu
 import { Button } from '@/components/ui/button'
 import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
 import { cn } from '@/lib/utils'
-import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/components/providers/workspace-permissions-provider'
+import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/providers/workspace-permissions-provider'
 import { useCollaborativeWorkflow } from '@/hooks/use-collaborative-workflow'
 import { useWorkflowStore } from '@/stores/workflows/workflow/store'
 

diff --git a/...m/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-block/workflow-block.tsx b/...m/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-block/workflow-block.tsx
@@ -8,7 +8,7 @@ import { Card } from '@/components/ui/card'
 import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'
 import { parseCronToHumanReadable } from '@/lib/schedules/utils'
 import { cn, validateName } from '@/lib/utils'
-import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/components/providers/workspace-permissions-provider'
+import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/providers/workspace-permissions-provider'
 import type { BlockConfig, SubBlockConfig } from '@/blocks/types'
 import { useCollaborativeWorkflow } from '@/hooks/use-collaborative-workflow'
 import { useExecutionStore } from '@/stores/execution/store'

diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/workflow.tsx b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/workflow.tsx
@@ -13,7 +13,7 @@ import ReactFlow, {
 } from 'reactflow'
 import 'reactflow/dist/style.css'
 import { createLogger } from '@/lib/logs/console/logger'
-import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/components/providers/workspace-permissions-provider'
+import { useUserPermissionsContext } from '@/app/workspace/[workspaceId]/providers/workspace-permissions-provider'
 import { ControlBar } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/control-bar/control-bar'
 import { DiffControls } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/diff-controls'
 import { ErrorBoundary } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/error/index'