feat(emails): broadcast v0.5 added

apps/sim/app/workspace/[workspaceId]/knowledge/[id]/[documentId]/document.tsx

@@ -538,11 +538,15 @@ export function Document({
       },
       {
         onSuccess: (result) => {
-          if (operation === 'delete' || result.errorCount > 0) {
+          if (operation === 'delete') {
             refreshChunks()
           } else {
-            chunks.forEach((chunk) => {
-              updateChunk(chunk.id, { enabled: operation === 'enable' })
+            result.results.forEach((opResult) => {
+              if (opResult.operation === operation) {
+                opResult.chunkIds.forEach((chunkId: string) => {
+                  updateChunk(chunkId, { enabled: operation === 'enable' })
+                })
+              }
             })
           }
           logger.info(`Successfully ${operation}d ${result.successCount} chunks`)

apps/sim/app/workspace/[workspaceId]/knowledge/[id]/components/base-tags-modal/base-tags-modal.tsx

@@ -462,7 +462,7 @@ export function BaseTagsModal({ open, onOpenChange, knowledgeBaseId }: BaseTagsM
           <ModalHeader>Documents using "{selectedTag?.displayName}"</ModalHeader>
           <ModalBody>
             <div className='space-y-[8px]'>
-              <p className='text-[12px] text-[var(--text-secondary)]'>
+              <p className='text-[12px] text-[var(--text-tertiary)]'>
                 {selectedTagUsage?.documentCount || 0} document
                 {selectedTagUsage?.documentCount !== 1 ? 's are' : ' is'} currently using this tag
                 definition.
@@ -470,7 +470,7 @@ export function BaseTagsModal({ open, onOpenChange, knowledgeBaseId }: BaseTagsM
 
               {selectedTagUsage?.documentCount === 0 ? (
                 <div className='rounded-[6px] border p-[16px] text-center'>
-                  <p className='text-[12px] text-[var(--text-secondary)]'>
+                  <p className='text-[12px] text-[var(--text-tertiary)]'>
                     This tag definition is not being used by any documents. You can safely delete it
                     to free up the tag slot.
                   </p>

apps/sim/app/workspace/[workspaceId]/logs/components/log-details/log-details.tsx

@@ -2,7 +2,7 @@
 
 import { memo, useEffect, useMemo, useRef, useState } from 'react'
 import { ChevronUp, X } from 'lucide-react'
-import { Button, Eye } from '@/components/emcn'
+import { Badge, Button, Eye } from '@/components/emcn'
 import { ScrollArea } from '@/components/ui/scroll-area'
 import { BASE_EXECUTION_CHARGE } from '@/lib/billing/constants'
 import {
@@ -257,9 +257,9 @@ export const LogDetails = memo(function LogDetails({
                         Version
                       </span>
                       <div className='flex w-0 flex-1 justify-end'>
-                        <span className='max-w-full truncate rounded-[6px] bg-[#14291B] px-[9px] py-[2px] font-medium text-[#86EFAC] text-[12px]'>
+                        <Badge variant='green' size='md' className='max-w-full truncate'>
                           {log.deploymentVersionName || `v${log.deploymentVersion}`}
-                        </span>
+                        </Badge>
                       </div>
                     </div>
                   )}

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/components/general/general.tsx

@@ -283,7 +283,7 @@ export function GeneralDeploy({
         <ModalContent size='sm'>
           <ModalHeader>Promote to live</ModalHeader>
           <ModalBody>
-            <p className='text-[12px] text-[var(--text-secondary)]'>
+            <p className='text-[12px] text-[var(--text-tertiary)]'>
               Are you sure you want to promote{' '}
               <span className='font-medium text-[var(--text-primary)]'>
                 {versionToPromoteInfo?.name || `v${versionToPromote}`}

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/deploy-modal.tsx

@@ -591,11 +591,12 @@ export function DeployModal({
           )}
           {activeTab === 'api' && (
             <ModalFooter className='items-center justify-between'>
-              <div />
-              <div className='flex items-center gap-2'>
+              <div>
                 <Button variant='default' onClick={() => setIsApiInfoModalOpen(true)}>
                   Edit API Info
                 </Button>
+              </div>
+              <div className='flex items-center gap-2'>
                 <Button
                   variant='tertiary'
                   onClick={() => setIsCreateKeyModalOpen(true)}

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/tool-input/components/code-editor/code-editor.tsx

@@ -42,7 +42,7 @@ export function CodeEditor({
   placeholder = '',
   className = '',
   gutterClassName = '',
-  minHeight,
+  minHeight = '360px',
   highlightVariables = true,
   onKeyDown,
   disabled = false,
@@ -186,7 +186,7 @@ export function CodeEditor({
   }
 
   return (
-    <Code.Container className={className} style={minHeight ? { minHeight } : undefined}>
+    <Code.Container className={className} style={{ minHeight }}>
       {showWandButton && onWandClick && (
         <Button
           variant='ghost'
@@ -220,7 +220,7 @@ export function CodeEditor({
           disabled={disabled}
           {...getCodeEditorProps({ disabled })}
           className={cn(getCodeEditorProps({ disabled }).className, 'h-full')}
-          style={minHeight ? { minHeight } : undefined}
+          style={{ minHeight }}
           textareaClassName={cn(
             getCodeEditorProps({ disabled }).textareaClassName,
             '!block !h-full !min-h-full'

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

@@ -87,16 +87,15 @@ export function CustomToolModal({
   const [codeError, setCodeError] = useState<string | null>(null)
   const [isEditing, setIsEditing] = useState(false)
   const [toolId, setToolId] = useState<string | undefined>(undefined)
-  const [initialJsonSchema, setInitialJsonSchema] = useState('')
-  const [initialFunctionCode, setInitialFunctionCode] = useState('')
   const [showDeleteConfirm, setShowDeleteConfirm] = useState(false)
-  const [showDiscardAlert, setShowDiscardAlert] = useState(false)
   const [isSchemaPromptActive, setIsSchemaPromptActive] = useState(false)
   const [schemaPromptInput, setSchemaPromptInput] = useState('')
+  const [schemaPromptSummary, setSchemaPromptSummary] = useState<string | null>(null)
   const schemaPromptInputRef = useRef<HTMLInputElement | null>(null)
 
   const [isCodePromptActive, setIsCodePromptActive] = useState(false)
   const [codePromptInput, setCodePromptInput] = useState('')
+  const [codePromptSummary, setCodePromptSummary] = useState<string | null>(null)
   const codePromptInputRef = useRef<HTMLInputElement | null>(null)
 
   const schemaGeneration = useWand({
@@ -175,9 +174,6 @@ Example 2:
       generationType: 'custom-tool-schema',
     },
     currentValue: jsonSchema,
-    onStreamStart: () => {
-      setJsonSchema('')
-    },
     onGeneratedContent: (content) => {
       setJsonSchema(content)
       setSchemaError(null)
@@ -241,9 +237,6 @@ try {
       generationType: 'javascript-function-body',
     },
     currentValue: functionCode,
-    onStreamStart: () => {
-      setFunctionCode('')
-    },
     onGeneratedContent: (content) => {
       handleFunctionCodeChange(content)
       setCodeError(null)
@@ -279,15 +272,12 @@ try {
 
     if (initialValues) {
       try {
-        const schemaValue =
+        setJsonSchema(
           typeof initialValues.schema === 'string'
             ? initialValues.schema
             : JSON.stringify(initialValues.schema, null, 2)
-        const codeValue = initialValues.code || ''
-        setJsonSchema(schemaValue)
-        setFunctionCode(codeValue)
-        setInitialJsonSchema(schemaValue)
-        setInitialFunctionCode(codeValue)
+        )
+        setFunctionCode(initialValues.code || '')
         setIsEditing(true)
         setToolId(initialValues.id)
       } catch (error) {
@@ -314,18 +304,17 @@ try {
   const resetForm = () => {
     setJsonSchema('')
     setFunctionCode('')
-    setInitialJsonSchema('')
-    setInitialFunctionCode('')
     setSchemaError(null)
     setCodeError(null)
     setActiveSection('schema')
     setIsEditing(false)
     setToolId(undefined)
+    setSchemaPromptSummary(null)
+    setCodePromptSummary(null)
     setIsSchemaPromptActive(false)
     setIsCodePromptActive(false)
     setSchemaPromptInput('')
     setCodePromptInput('')
-    setShowDiscardAlert(false)
     schemaGeneration.closePrompt()
     schemaGeneration.hidePromptInline()
     codeGeneration.closePrompt()
@@ -339,37 +328,31 @@ try {
     onOpenChange(false)
   }
 
-  const validateSchema = (schema: string): { isValid: boolean; error: string | null } => {
-    if (!schema) return { isValid: false, error: null }
+  const validateJsonSchema = (schema: string): boolean => {
+    if (!schema) return false
 
     try {
       const parsed = JSON.parse(schema)
 
       if (!parsed.type || parsed.type !== 'function') {
-        return { isValid: false, error: 'Missing "type": "function"' }
-      }
-      if (!parsed.function || !parsed.function.name) {
-        return { isValid: false, error: 'Missing function.name field' }
-      }
-      if (!parsed.function.parameters) {
-        return { isValid: false, error: 'Missing function.parameters object' }
-      }
-      if (!parsed.function.parameters.type) {
-        return { isValid: false, error: 'Missing parameters.type field' }
-      }
-      if (parsed.function.parameters.properties === undefined) {
-        return { isValid: false, error: 'Missing parameters.properties field' }
-      }
-      if (
-        typeof parsed.function.parameters.properties !== 'object' ||
-        parsed.function.parameters.properties === null
-      ) {
-        return { isValid: false, error: 'parameters.properties must be an object' }
+        return false
       }
 
-      return { isValid: true, error: null }
-    } catch {
-      return { isValid: false, error: 'Invalid JSON format' }
+      if (!parsed.function || !parsed.function.name) {
+        return false
+      }
+
+      if (!parsed.function.parameters) {
+        return false
+      }
+
+      if (!parsed.function.parameters.type || parsed.function.parameters.properties === undefined) {
+        return false
+      }
+
+      return true
+    } catch (_error) {
+      return false
     }
   }
 
@@ -391,32 +374,7 @@ try {
     }
   }, [jsonSchema])
 
-  const isSchemaValid = useMemo(() => validateSchema(jsonSchema).isValid, [jsonSchema])
-
-  const hasChanges = useMemo(() => {
-    if (!isEditing) return true
-    return jsonSchema !== initialJsonSchema || functionCode !== initialFunctionCode
-  }, [isEditing, jsonSchema, initialJsonSchema, functionCode, initialFunctionCode])
-
-  const hasUnsavedChanges = useMemo(() => {
-    if (isEditing) {
-      return jsonSchema !== initialJsonSchema || functionCode !== initialFunctionCode
-    }
-    return jsonSchema.trim().length > 0 || functionCode.trim().length > 0
-  }, [isEditing, jsonSchema, initialJsonSchema, functionCode, initialFunctionCode])
-
-  const handleCloseAttempt = () => {
-    if (hasUnsavedChanges && !schemaGeneration.isStreaming && !codeGeneration.isStreaming) {
-      setShowDiscardAlert(true)
-    } else {
-      handleClose()
-    }
-  }
-
-  const handleConfirmDiscard = () => {
-    setShowDiscardAlert(false)
-    handleClose()
-  }
+  const isSchemaValid = useMemo(() => validateJsonSchema(jsonSchema), [jsonSchema])
 
   const handleSave = async () => {
     try {
@@ -426,9 +384,43 @@ try {
         return
       }
 
-      const { isValid, error } = validateSchema(jsonSchema)
-      if (!isValid) {
-        setSchemaError(error)
+      const parsed = JSON.parse(jsonSchema)
+
+      if (!parsed.type || parsed.type !== 'function') {
+        setSchemaError('Schema must have a "type" field set to "function"')
+        setActiveSection('schema')
+        return
+      }
+
+      if (!parsed.function || !parsed.function.name) {
+        setSchemaError('Schema must have a "function" object with a "name" field')
+        setActiveSection('schema')
+        return
+      }
+
+      if (!parsed.function.parameters) {
+        setSchemaError('Missing function.parameters object')
+        setActiveSection('schema')
+        return
+      }
+
+      if (!parsed.function.parameters.type) {
+        setSchemaError('Missing parameters.type field')
+        setActiveSection('schema')
+        return
+      }
+
+      if (parsed.function.parameters.properties === undefined) {
+        setSchemaError('Missing parameters.properties field')
+        setActiveSection('schema')
+        return
+      }
+
+      if (
+        typeof parsed.function.parameters.properties !== 'object' ||
+        parsed.function.parameters.properties === null
+      ) {
+        setSchemaError('parameters.properties must be an object')
         setActiveSection('schema')
         return
       }
@@ -491,9 +483,17 @@ try {
       }
 
       onSave(customTool)
+
+      setSchemaPromptSummary(null)
+      setCodePromptSummary(null)
+
       handleClose()
     } catch (error) {
       logger.error('Error saving custom tool:', { error })
+
+      setSchemaPromptSummary(null)
+      setCodePromptSummary(null)
+
       const errorMessage = error instanceof Error ? error.message : 'Failed to save custom tool'
 
       if (errorMessage.includes('Cannot change function name')) {
@@ -512,8 +512,46 @@ try {
     setJsonSchema(value)
 
     if (value.trim()) {
-      const { error } = validateSchema(value)
-      setSchemaError(error)
+      try {
+        const parsed = JSON.parse(value)
+
+        if (!parsed.type || parsed.type !== 'function') {
+          setSchemaError('Missing "type": "function"')
+          return
+        }
+
+        if (!parsed.function || !parsed.function.name) {
+          setSchemaError('Missing function.name field')
+          return
+        }
+
+        if (!parsed.function.parameters) {
+          setSchemaError('Missing function.parameters object')
+          return
+        }
+
+        if (!parsed.function.parameters.type) {
+          setSchemaError('Missing parameters.type field')
+          return
+        }
+
+        if (parsed.function.parameters.properties === undefined) {
+          setSchemaError('Missing parameters.properties field')
+          return
+        }
+
+        if (
+          typeof parsed.function.parameters.properties !== 'object' ||
+          parsed.function.parameters.properties === null
+        ) {
+          setSchemaError('parameters.properties must be an object')
+          return
+        }
+
+        setSchemaError(null)
+      } catch {
+        setSchemaError('Invalid JSON format')
+      }
     } else {
       setSchemaError(null)
     }
@@ -671,12 +709,12 @@ try {
           e.preventDefault()
           e.stopPropagation()
           setSchemaParamSelectedIndex((prev) => Math.min(prev + 1, schemaParameters.length - 1))
-          return
+          break
         case 'ArrowUp':
           e.preventDefault()
           e.stopPropagation()
           setSchemaParamSelectedIndex((prev) => Math.max(prev - 1, 0))
-          return
+          break
         case 'Enter':
           e.preventDefault()
           e.stopPropagation()
@@ -684,17 +722,14 @@ try {
             const selectedParam = schemaParameters[schemaParamSelectedIndex]
             handleSchemaParamSelect(selectedParam.name)
           }
-          return
+          break
         case 'Escape':
           e.preventDefault()
           e.stopPropagation()
           setShowSchemaParams(false)
-          return
-        case ' ':
-        case 'Tab':
-          setShowSchemaParams(false)
-          return
+          break
       }
+      return
     }
 
     if (showEnvVars || showTags) {
@@ -708,7 +743,7 @@ try {
   const handleSchemaWandClick = () => {
     if (schemaGeneration.isLoading || schemaGeneration.isStreaming) return
     setIsSchemaPromptActive(true)
-    setSchemaPromptInput('')
+    setSchemaPromptInput(schemaPromptSummary ?? '')
     setTimeout(() => {
       schemaPromptInputRef.current?.focus()
     }, 0)
@@ -727,6 +762,7 @@ try {
   const handleSchemaPromptSubmit = () => {
     const trimmedPrompt = schemaPromptInput.trim()
     if (!trimmedPrompt || schemaGeneration.isLoading || schemaGeneration.isStreaming) return
+    setSchemaPromptSummary(trimmedPrompt)
     schemaGeneration.generateStream({ prompt: trimmedPrompt })
     setSchemaPromptInput('')
     setIsSchemaPromptActive(false)
@@ -746,7 +782,7 @@ try {
   const handleCodeWandClick = () => {
     if (codeGeneration.isLoading || codeGeneration.isStreaming) return
     setIsCodePromptActive(true)
-    setCodePromptInput('')
+    setCodePromptInput(codePromptSummary ?? '')
     setTimeout(() => {
       codePromptInputRef.current?.focus()
     }, 0)
@@ -765,6 +801,7 @@ try {
   const handleCodePromptSubmit = () => {
     const trimmedPrompt = codePromptInput.trim()
     if (!trimmedPrompt || codeGeneration.isLoading || codeGeneration.isStreaming) return
+    setCodePromptSummary(trimmedPrompt)
     codeGeneration.generateStream({ prompt: trimmedPrompt })
     setCodePromptInput('')
     setIsCodePromptActive(false)
@@ -809,8 +846,19 @@ try {
 
   return (
     <>
-      <Modal open={open} onOpenChange={handleCloseAttempt}>
-        <ModalContent size='xl'>
+      <Modal open={open} onOpenChange={handleClose}>
+        <ModalContent
+          size='xl'
+          onKeyDown={(e) => {
+            if (e.key === 'Escape' && (showEnvVars || showTags || showSchemaParams)) {
+              e.preventDefault()
+              e.stopPropagation()
+              setShowEnvVars(false)
+              setShowTags(false)
+              setShowSchemaParams(false)
+            }
+          }}
+        >
           <ModalHeader>{isEditing ? 'Edit Agent Tool' : 'Create Agent Tool'}</ModalHeader>
 
           <ModalTabs
@@ -1163,7 +1211,7 @@ try {
                 <Button
                   variant='tertiary'
                   onClick={handleSave}
-                  disabled={!isSchemaValid || !!schemaError || !hasChanges}
+                  disabled={!isSchemaValid || !!schemaError}
                 >
                   {isEditing ? 'Update Tool' : 'Save Tool'}
                 </Button>
@@ -1200,26 +1248,6 @@ try {
           </ModalFooter>
         </ModalContent>
       </Modal>
-
-      <Modal open={showDiscardAlert} onOpenChange={setShowDiscardAlert}>
-        <ModalContent size='sm'>
-          <ModalHeader>Unsaved Changes</ModalHeader>
-          <ModalBody>
-            <p className='text-[12px] text-[var(--text-secondary)]'>
-              You have unsaved changes to this tool. Are you sure you want to discard your changes
-              and close the editor?
-            </p>
-          </ModalBody>
-          <ModalFooter>
-            <Button variant='default' onClick={() => setShowDiscardAlert(false)}>
-              Keep Editing
-            </Button>
-            <Button variant='destructive' onClick={handleConfirmDiscard}>
-              Discard Changes
-            </Button>
-          </ModalFooter>
-        </ModalContent>
-      </Modal>
     </>
   )
 }

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/settings-modal/components/access-control/access-control.tsx

@@ -1072,7 +1072,7 @@ export function AccessControl() {
           <ModalContent size='sm'>
             <ModalHeader>Unsaved Changes</ModalHeader>
             <ModalBody>
-              <p className='text-[12px] text-[var(--text-secondary)]'>
+              <p className='text-[12px] text-[var(--text-tertiary)]'>
                 You have unsaved changes. Do you want to save them before closing?
               </p>
             </ModalBody>

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/settings-modal/components/api-keys/components/create-api-key-modal/create-api-key-modal.tsx

@@ -115,7 +115,7 @@ export function CreateApiKeyModal({
         <ModalContent size='sm'>
           <ModalHeader>Create new API key</ModalHeader>
           <ModalBody>
-            <p className='text-[12px] text-[var(--text-secondary)]'>
+            <p className='text-[12px] text-[var(--text-tertiary)]'>
               {keyType === 'workspace'
                 ? "This key will have access to all workflows in this workspace. Make sure to copy it after creation as you won't be able to see it again."
                 : "This key will have access to your personal workflows. Make sure to copy it after creation as you won't be able to see it again."}
@@ -218,7 +218,7 @@ export function CreateApiKeyModal({
         <ModalContent size='sm'>
           <ModalHeader>Your API key has been created</ModalHeader>
           <ModalBody>
-            <p className='text-[12px] text-[var(--text-secondary)]'>
+            <p className='text-[12px] text-[var(--text-tertiary)]'>
               This is the only time you will see your API key.{' '}
               <span className='font-semibold text-[var(--text-primary)]'>
                 Copy it now and store it securely.

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/settings-modal/components/byok/byok.tsx

@@ -222,7 +222,7 @@ export function BYOK() {
             )}
           </ModalHeader>
           <ModalBody>
-            <p className='text-[12px] text-[var(--text-secondary)]'>
+            <p className='text-[12px] text-[var(--text-tertiary)]'>
               This key will be used for all {PROVIDERS.find((p) => p.id === editingProvider)?.name}{' '}
               requests in this workspace. Your key is encrypted and stored securely.
             </p>
@@ -308,7 +308,7 @@ export function BYOK() {
         <ModalContent size='sm'>
           <ModalHeader>Delete API Key</ModalHeader>
           <ModalBody>
-            <p className='text-[12px] text-[var(--text-secondary)]'>
+            <p className='text-[12px] text-[var(--text-tertiary)]'>
               Are you sure you want to delete the{' '}
               <span className='font-medium text-[var(--text-primary)]'>
                 {PROVIDERS.find((p) => p.id === deleteConfirmProvider)?.name}

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/settings-modal/components/copilot/copilot.tsx

@@ -214,7 +214,7 @@ export function Copilot() {
         <ModalContent size='sm'>
           <ModalHeader>Create new API key</ModalHeader>
           <ModalBody>
-            <p className='text-[12px] text-[var(--text-secondary)]'>
+            <p className='text-[12px] text-[var(--text-tertiary)]'>
               This key will allow access to Copilot features. Make sure to copy it after creation as
               you won't be able to see it again.
             </p>
@@ -276,7 +276,7 @@ export function Copilot() {
         <ModalContent size='sm'>
           <ModalHeader>Your API key has been created</ModalHeader>
           <ModalBody>
-            <p className='text-[12px] text-[var(--text-secondary)]'>
+            <p className='text-[12px] text-[var(--text-tertiary)]'>
               This is the only time you will see your API key.{' '}
               <span className='font-semibold text-[var(--text-primary)]'>
                 Copy it now and store it securely.

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/settings-modal/components/environment/environment.tsx

@@ -824,7 +824,7 @@ export function EnvironmentVariables({ registerBeforeLeaveHandler }: Environment
         <ModalContent size='sm'>
           <ModalHeader>Unsaved Changes</ModalHeader>
           <ModalBody>
-            <p className='text-[12px] text-[var(--text-secondary)]'>
+            <p className='text-[12px] text-[var(--text-tertiary)]'>
               {hasConflicts || hasInvalidKeys
                 ? `You have unsaved changes, but ${hasConflicts ? 'conflicts must be resolved' : 'invalid variable names must be fixed'} before saving. You can discard your changes to close the modal.`
                 : 'You have unsaved changes. Do you want to save them before closing?'}

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/settings-modal/components/general/general.tsx

@@ -603,7 +603,7 @@ export function General({ onOpenChange }: GeneralProps) {
         <ModalContent size='sm'>
           <ModalHeader>Reset Password</ModalHeader>
           <ModalBody>
-            <p className='text-[12px] text-[var(--text-secondary)]'>
+            <p className='text-[12px] text-[var(--text-tertiary)]'>
               A password reset link will be sent to{' '}
               <span className='font-medium text-[var(--text-primary)]'>{profile?.email}</span>.
               Click the link in the email to create a new password.

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/settings-modal/components/team-management/components/team-seats/team-seats.tsx

@@ -64,7 +64,7 @@ export function TeamSeats({
       <ModalContent size='sm'>
         <ModalHeader>{title}</ModalHeader>
         <ModalBody>
-          <p className='text-[12px] text-[var(--text-secondary)]'>{description}</p>
+          <p className='text-[12px] text-[var(--text-muted)]'>{description}</p>
 
           <div className='mt-[16px] flex flex-col gap-[4px]'>
             <Label htmlFor='seats' className='text-[12px]'>

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workflow-list/components/context-menu/context-menu.tsx

@@ -25,11 +25,9 @@ const GRID_COLUMNS = 6
 function ColorGrid({
   hexInput,
   setHexInput,
-  onColorChange,
 }: {
   hexInput: string
   setHexInput: (color: string) => void
-  onColorChange?: (color: string) => void
 }) {
   const { isInFolder } = usePopoverContext()
   const [focusedIndex, setFocusedIndex] = useState(-1)
@@ -74,9 +72,7 @@ function ColorGrid({
         case 'Enter':
         case ' ':
           e.preventDefault()
-          e.stopPropagation()
           setHexInput(WORKFLOW_COLORS[index].color)
-          onColorChange?.(WORKFLOW_COLORS[index].color)
           return
         default:
           return
@@ -87,7 +83,7 @@ function ColorGrid({
         buttonRefs.current[newIndex]?.focus()
       }
     },
-    [setHexInput, onColorChange]
+    [setHexInput]
   )
 
   return (
@@ -109,10 +105,8 @@ function ColorGrid({
           onKeyDown={(e) => handleKeyDown(e, index)}
           onFocus={() => setFocusedIndex(index)}
           className={cn(
-            'h-[20px] w-[20px] rounded-[4px] outline-none ring-white ring-offset-0',
-            (focusedIndex === index ||
-              (focusedIndex === -1 && hexInput.toLowerCase() === color.toLowerCase())) &&
-              'ring-[1.5px]'
+            'h-[20px] w-[20px] rounded-[4px] focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-1 focus:ring-offset-[#1b1b1b]',
+            hexInput.toLowerCase() === color.toLowerCase() && 'ring-1 ring-white'
           )}
           style={{ backgroundColor: color }}
         />
@@ -456,11 +450,7 @@ export function ContextMenu({
           >
             <div className='flex w-[140px] flex-col gap-[8px] p-[2px]'>
               {/* Preset colors with keyboard navigation */}
-              <ColorGrid
-                hexInput={hexInput}
-                setHexInput={setHexInput}
-                onColorChange={onColorChange}
-              />
+              <ColorGrid hexInput={hexInput} setHexInput={setHexInput} />
 
               {/* Hex input */}
               <div className='flex items-center gap-[4px]'>

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/workspace-header/workspace-header.tsx

@@ -459,7 +459,6 @@ export function WorkspaceHeader({
                               value={editingName}
                               onChange={(e) => setEditingName(e.target.value)}
                               onKeyDown={async (e) => {
-                                e.stopPropagation()
                                 if (e.key === 'Enter') {
                                   e.preventDefault()
                                   setIsListRenaming(true)

apps/sim/components/emcn/components/popover/popover.tsx

@@ -460,13 +460,6 @@ const PopoverContent = React.forwardRef<
         const content = contentRef.current
         if (!content) return
 
-        const activeElement = document.activeElement
-        const isInputFocused =
-          activeElement instanceof HTMLInputElement ||
-          activeElement instanceof HTMLTextAreaElement ||
-          activeElement?.getAttribute('contenteditable') === 'true'
-        if (isInputFocused) return
-
         const items = content.querySelectorAll<HTMLElement>(
           '[role="menuitem"]:not([aria-disabled="true"])'
         )

apps/sim/emails/broadcasts/v0.5.html

@@ -0,0 +1,292 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>What's New at Sim</title>
+</head>
+<body style="margin:0;padding:0;background-color:#ffffff;">
+  <table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation" style="background-color:#ffffff;">
+    <tr>
+      <td align="center" style="padding:0 16px;">
+        <table width="600" cellspacing="0" cellpadding="0" border="0" role="presentation" style="max-width:600px;width:100%;">
+          
+          <!-- Logo -->
+          <tr>
+            <td align="center" style="padding-top:32px;padding-bottom:16px;">
+              <a href="https://sim.ai" style="color:#000;text-decoration:none;" target="_blank">
+                <img src="https://sim.ai/email/broadcast/v0.5/logo.svg" width="79" alt="Sim Logo" style="display:block;width:79px;" border="0">
+              </a>
+            </td>
+          </tr>
+
+          <!-- Intro Text -->
+          <tr>
+            <td align="left" style="color:#404040;font-family:-apple-system,'SF Pro Display','SF Pro Text','Helvetica',sans-serif;font-size:16px;line-height:24px;word-break:break-word;padding-bottom:20px;padding-top:25px;text-align:left;">
+              <p style="margin:0;">We've been heads down building features to make Sim the best way to build, deploy, and observe AI workflows. Here's what's new: <strong>Copilot</strong> for context-aware assistance, <strong>MCP deployment</strong> to expose workflows as tools, a complete <strong>Logs & Dashboard</strong> for execution observability, and <strong>realtime collaboration</strong> so your team can build together.</p>
+            </td>
+          </tr>
+
+          <!-- CTA Button -->
+          <tr>
+            <td align="center" style="padding-bottom:15px;padding-top:15px;">
+              <table cellspacing="0" cellpadding="0" border="0" role="presentation">
+                <tr>
+                  <td align="center" style="background-color:#32bd7e;border-radius:5px;">
+                    <a href="https://sim.ai" style="display:inline-block;font-weight:500;font-size:14px;padding:6px 14px;text-decoration:none;color:#ffffff;font-family:-apple-system,'SF Pro Display','SF Pro Text','Helvetica',sans-serif;" target="_blank">Try Sim</a>
+                  </td>
+                </tr>
+              </table>
+            </td>
+          </tr>
+
+          <!-- Divider -->
+          <tr>
+            <td align="center" style="padding-bottom:10px;padding-top:10px;">
+              <table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation" height="1" style="border-top:1px solid #ededed;">
+                <tr>
+                  <td height="0" style="font-size:0;line-height:0;">&#173;</td>
+                </tr>
+              </table>
+            </td>
+          </tr>
+
+          <!-- Section Header: What's New -->
+          <tr>
+            <td align="left" style="color:#5c5c5c;font-family:-apple-system,'SF Pro Display','SF Pro Text','Helvetica',sans-serif;font-size:16px;word-break:break-word;line-height:1;padding-bottom:11px;padding-top:9px;text-align:left;">
+              <p style="margin:0;"><em>Build smarter, ship faster</em></p>
+            </td>
+          </tr>
+
+          <tr>
+            <td align="left" valign="top" style="color:#2d2d2d;font-family:-apple-system,'SF Pro Display','SF Pro Text','Helvetica',sans-serif;font-size:16px;word-break:break-word;line-height:1;padding-bottom:15px;text-align:left;">
+              <h2 style="margin:0;color:#2d2d2d;font-family:-apple-system,'SF Pro Display','SF Pro Text','Helvetica',sans-serif;font-size:32px;word-break:break-word;">What's new in Sim</h2>
+            </td>
+          </tr>
+
+          <!-- FEATURE 1: Copilot -->
+          <tr>
+            <td align="center" style="padding-top:15px;border-radius:8px;font-size:0;line-height:0;">
+              <a href="https://sim.ai" style="color:#000;text-decoration:none;" target="_blank">
+                <img src="https://sim.ai/email/broadcast/v0.5/copilot.gif" width="570" alt="Sim Copilot" style="display:block;width:100%;border-radius:8px;" border="0">
+              </a>
+            </td>
+          </tr>
+
+          <tr>
+            <td align="left" style="color:#404040;font-family:-apple-system,'SF Pro Display','SF Pro Text','Helvetica',sans-serif;font-size:16px;line-height:24px;word-break:break-word;padding-bottom:20px;padding-top:25px;text-align:left;">
+              <h4 style="margin:0;color:#2d2d2d;font-family:-apple-system,'SF Pro Display','SF Pro Text','Helvetica',sans-serif;font-size:18px;word-break:break-word;"><strong>Copilot</strong></h4>
+              <br>
+              <p style="margin:0;font-size:16px;">Copilot is a context-aware assistant embedded directly into the Sim editor. It has first-class access to your workflows, blocks, execution logs, and documentation—helping you build, debug, and optimize without leaving the canvas. Ask it to explain a workflow, propose changes, or execute actions. All writes are gated behind explicit approval, so you stay in control.</p>
+            </td>
+          </tr>
+
+          <!-- FEATURE 2: MCP Deployment -->
+          <tr>
+            <td align="center" style="padding-top:15px;">
+              <a href="https://sim.ai" style="text-decoration:none;display:block;" target="_blank">
+                <table cellspacing="0" cellpadding="0" border="0" role="presentation" width="100%" style="background-color:#181C1E;border-radius:8px;">
+                  <tr>
+                    <td align="center" style="padding:40px 30px;">
+                      <table cellspacing="0" cellpadding="0" border="0" role="presentation">
+                        <tr>
+                          <td align="center" style="padding-bottom:16px;">
+                            <img src="https://sim.ai/email/broadcast/v0.5/mcp.png" width="48" height="48" alt="MCP" style="display:block;" border="0">
+                          </td>
+                        </tr>
+                        <tr>
+                          <td align="center">
+                            <p style="margin:0;color:#ffffff;font-family:-apple-system,'SF Pro Display','SF Pro Text','Helvetica',sans-serif;font-size:24px;font-weight:bold;">MCP Deployment</p>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td align="center" style="padding-top:8px;">
+                            <p style="margin:0;color:#a0a0a0;font-family:-apple-system,'SF Pro Display','SF Pro Text','Helvetica',sans-serif;font-size:14px;">Expose workflows as tools for any agent</p>
+                          </td>
+                        </tr>
+                      </table>
+                    </td>
+                  </tr>
+                </table>
+              </a>
+            </td>
+          </tr>
+
+          <tr>
+            <td align="left" style="color:#404040;font-family:-apple-system,'SF Pro Display','SF Pro Text','Helvetica',sans-serif;font-size:16px;line-height:24px;word-break:break-word;padding-bottom:20px;padding-top:25px;text-align:left;">
+              <h4 style="margin:0;color:#2d2d2d;font-family:-apple-system,'SF Pro Display','SF Pro Text','Helvetica',sans-serif;font-size:18px;word-break:break-word;"><strong>MCP Deployment</strong></h4>
+              <br>
+              <p style="margin:0;font-size:16px;">Deploy any workflow as an MCP tool and expose it to any MCP-compatible agent—Claude Desktop, Cursor, or your own applications. Define custom tool names, descriptions, and parameter schemas. Your workflows become reusable building blocks that other agents can invoke, turning Sim into the backend for your agentic systems.</p>
+            </td>
+          </tr>
+
+          <!-- FEATURE 3: Logs & Dashboard -->
+          <tr>
+            <td align="center" style="padding-top:15px;border-radius:8px;font-size:0;line-height:0;">
+              <a href="https://sim.ai" style="color:#000;text-decoration:none;" target="_blank">
+                <img src="https://sim.ai/email/broadcast/v0.5/dashboard.jpeg" width="570" alt="Logs & Dashboard" style="display:block;width:100%;border-radius:8px;" border="0">
+              </a>
+            </td>
+          </tr>
+
+          <tr>
+            <td align="left" style="color:#404040;font-family:-apple-system,'SF Pro Display','SF Pro Text','Helvetica',sans-serif;font-size:16px;line-height:24px;word-break:break-word;padding-bottom:20px;padding-top:25px;text-align:left;">
+              <h4 style="margin:0;color:#2d2d2d;font-family:-apple-system,'SF Pro Display','SF Pro Text','Helvetica',sans-serif;font-size:18px;word-break:break-word;"><strong>Logs & Dashboard</strong></h4>
+              <br>
+              <p style="margin:0;font-size:16px;">Full observability for every execution. Trace spans show you exactly what happened at each step—durations, token usage, cost breakdowns by model, and error details when things go wrong. Filter by time range, trigger type, or workflow. Live mode auto-refreshes every 5 seconds. Restore any previous workflow state with execution snapshots.</p>
+            </td>
+          </tr>
+
+          <!-- FEATURE 4: Collaboration -->
+          <tr>
+            <td align="center" style="padding-top:15px;border-radius:8px;font-size:0;line-height:0;">
+              <a href="https://sim.ai" style="color:#000;text-decoration:none;" target="_blank">
+                <img src="https://sim.ai/studio/multiplayer/cover.png" width="570" alt="Realtime Collaboration" style="display:block;width:100%;border-radius:8px;" border="0">
+              </a>
+            </td>
+          </tr>
+
+          <tr>
+            <td align="left" style="color:#404040;font-family:-apple-system,'SF Pro Display','SF Pro Text','Helvetica',sans-serif;font-size:16px;line-height:24px;word-break:break-word;padding-bottom:20px;padding-top:25px;text-align:left;">
+              <h4 style="margin:0;color:#2d2d2d;font-family:-apple-system,'SF Pro Display','SF Pro Text','Helvetica',sans-serif;font-size:18px;word-break:break-word;"><strong>Realtime Collaboration</strong></h4>
+              <br>
+              <p style="margin:0;font-size:16px;">Invite teammates to your workspace and build workflows together in realtime—like Figma for AI agents. See cursors move, blocks added, and configurations updated as they happen. The operation queue ensures reliability even under poor network conditions. Undo/redo works per-user, so your changes stay separate from your collaborators'.</p>
+            </td>
+          </tr>
+
+          <!-- Divider -->
+          <tr>
+            <td align="center" style="padding-bottom:10px;padding-top:20px;">
+              <table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation" height="1" style="border-top:1px solid #ededed;">
+                <tr>
+                  <td height="0" style="font-size:0;line-height:0;">&#173;</td>
+                </tr>
+              </table>
+            </td>
+          </tr>
+
+          <!-- Final CTA -->
+          <tr>
+            <td align="left" style="color:#404040;font-family:-apple-system,'SF Pro Display','SF Pro Text','Helvetica',sans-serif;font-size:16px;line-height:24px;word-break:break-word;padding-bottom:15px;padding-top:15px;text-align:left;">
+              <p style="margin:0;">Ready to build? These features are available now in Sim.</p>
+            </td>
+          </tr>
+
+          <tr>
+            <td align="center" style="padding-bottom:30px;padding-top:15px;">
+              <table cellspacing="0" cellpadding="0" border="0" role="presentation">
+                <tr>
+                  <td align="center" style="background-color:#32bd7e;border-radius:5px;">
+                    <a href="https://sim.ai" style="display:inline-block;font-weight:500;font-size:14px;padding:6px 14px;text-decoration:none;color:#ffffff;font-family:-apple-system,'SF Pro Display','SF Pro Text','Helvetica',sans-serif;" target="_blank">Get Started</a>
+                  </td>
+                </tr>
+              </table>
+            </td>
+          </tr>
+
+        </table>
+      </td>
+    </tr>
+  </table>
+
+  <!-- Footer Section -->
+  <table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation" style="background-color:#F7F9FC;">
+    <tr>
+      <td align="center">
+        <table width="600" cellspacing="0" cellpadding="0" border="0" role="presentation" style="max-width:600px;width:100%;">
+          <tbody>
+            <!-- Top spacer -->
+            <tr>
+              <td height="32" style="font-size:1px;line-height:1px;">&nbsp;</td>
+            </tr>
+
+            <!-- Social links row -->
+            <tr>
+              <td align="center">
+                <table cellspacing="0" cellpadding="0" border="0" role="presentation">
+                  <tbody>
+                    <tr>
+                      <td align="center" style="padding:0 8px 0 0;">
+                        <a href="https://sim.ai/x" rel="noopener noreferrer" target="_blank">
+                          <img src="https://sim.ai/static/x-icon.png" width="20" height="20" alt="X" style="display:block;" border="0">
+                        </a>
+                      </td>
+                      <td align="center" style="padding:0 8px;">
+                        <a href="https://sim.ai/discord" rel="noopener noreferrer" target="_blank">
+                          <img src="https://sim.ai/static/discord-icon.png" width="20" height="20" alt="Discord" style="display:block;" border="0">
+                        </a>
+                      </td>
+                      <td align="center" style="padding:0 8px;">
+                        <a href="https://sim.ai/github" rel="noopener noreferrer" target="_blank">
+                          <img src="https://sim.ai/static/github-icon.png" width="20" height="20" alt="GitHub" style="display:block;" border="0">
+                        </a>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </td>
+            </tr>
+
+            <!-- Spacer -->
+            <tr>
+              <td height="16" style="font-size:1px;line-height:1px;">&nbsp;</td>
+            </tr>
+
+            <!-- Address row -->
+            <tr>
+              <td align="center" style="font-size:12px;line-height:20px;color:#737373;font-family:-apple-system,'SF Pro Display','SF Pro Text','Helvetica',sans-serif;margin:0;">
+                Sim, 80 Langton St, San Francisco, CA 94103, USA
+              </td>
+            </tr>
+
+            <!-- Spacer -->
+            <tr>
+              <td height="8" style="font-size:1px;line-height:1px;">&nbsp;</td>
+            </tr>
+
+            <!-- Contact row -->
+            <tr>
+              <td align="center" style="font-size:12px;line-height:20px;color:#737373;font-family:-apple-system,'SF Pro Display','SF Pro Text','Helvetica',sans-serif;margin:0;">
+                Questions? <a href="mailto:support@sim.ai" style="color:#737373;text-decoration:underline;font-weight:normal;">support@sim.ai</a>
+              </td>
+            </tr>
+
+            <!-- Spacer -->
+            <tr>
+              <td height="8" style="font-size:1px;line-height:1px;">&nbsp;</td>
+            </tr>
+
+            <!-- Links row -->
+            <tr>
+              <td align="center" style="font-size:12px;line-height:20px;color:#737373;font-family:-apple-system,'SF Pro Display','SF Pro Text','Helvetica',sans-serif;margin:0;">
+                <a href="https://sim.ai/privacy" style="color:#737373;text-decoration:underline;font-weight:normal;" rel="noopener noreferrer" target="_blank">Privacy Policy</a>
+                &nbsp;•&nbsp;
+                <a href="https://sim.ai/terms" style="color:#737373;text-decoration:underline;font-weight:normal;" rel="noopener noreferrer" target="_blank">Terms of Service</a>
+                &nbsp;•&nbsp;
+                <a href="{{{RESEND_UNSUBSCRIBE_URL}}}" style="color:#737373;text-decoration:underline;font-weight:normal;" rel="noopener noreferrer" target="_blank">Unsubscribe</a>
+              </td>
+            </tr>
+
+            <!-- Spacer -->
+            <tr>
+              <td height="16" style="font-size:1px;line-height:1px;">&nbsp;</td>
+            </tr>
+
+            <!-- Copyright row -->
+            <tr>
+              <td align="center" style="font-size:12px;line-height:20px;color:#737373;font-family:-apple-system,'SF Pro Display','SF Pro Text','Helvetica',sans-serif;margin:0;">
+                © 2026 Sim, All Rights Reserved
+              </td>
+            </tr>
+
+            <!-- Bottom spacer -->
+            <tr>
+              <td height="32" style="font-size:1px;line-height:1px;">&nbsp;</td>
+            </tr>
+          </tbody>
+        </table>
+      </td>
+    </tr>
+  </table>
+</body>
+</html>

apps/sim/hooks/queries/knowledge.ts

@@ -755,11 +755,12 @@ export interface BulkChunkOperationParams {
 }
 
 export interface BulkChunkOperationResult {
-  operation: string
   successCount: number
-  errorCount: number
-  processed: number
-  errors: string[]
+  failedCount: number
+  results: Array<{
+    operation: string
+    chunkIds: string[]
+  }>
 }
 
 export async function bulkChunkOperation({

apps/sim/public/email/broadcast/v0.5/logo.svg

@@ -0,0 +1,24 @@
+<svg width="79" height="79" viewBox="0 0 79 79" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_3011_11314)">
+<path d="M63 2.5H16C9.37258 2.5 4 7.87258 4 14.5V61.5C4 68.1274 9.37258 73.5 16 73.5H63C69.6274 73.5 75 68.1274 75 61.5V14.5C75 7.87258 69.6274 2.5 63 2.5Z" fill="#FEFEFE"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M39.0264 35.5016C39.0264 36.0181 38.822 36.514 38.4593 36.8792L38.4073 36.9316C38.0449 37.298 37.5523 37.5028 37.0394 37.5028H25.4362C24.3675 37.5028 23.5 38.3754 23.5 39.4515V51.9998C23.5 53.0761 24.3675 53.9487 25.4362 53.9487H37.8946C38.9632 53.9487 39.8296 53.0761 39.8296 51.9998V40.2513C39.8296 39.7723 40.0182 39.3128 40.3548 38.9739C40.6903 38.6359 41.1466 38.4458 41.6223 38.4458H53.4199C54.4885 38.4458 55.3548 37.5733 55.3548 36.4971V23.9488C55.3548 22.8726 54.4885 22 53.4199 22H40.9614C39.8928 22 39.0264 22.8726 39.0264 23.9488V35.5016ZM42.8072 24.6712H51.5731C52.1976 24.6712 52.7026 25.1809 52.7026 25.8088V34.6371C52.7026 35.265 52.1976 35.7747 51.5731 35.7747H42.8072C42.1837 35.7747 41.6776 35.265 41.6776 34.6371V25.8088C41.6776 25.1809 42.1837 24.6712 42.8072 24.6712Z" fill="#33C482"/>
+<path d="M53.4366 40.6562H44.1739C43.051 40.6562 42.1406 41.5731 42.1406 42.7041V51.9191C42.1406 53.05 43.051 53.9669 44.1739 53.9669H53.4366C54.5596 53.9669 55.47 53.05 55.47 51.9191V42.7041C55.47 41.5731 54.5596 40.6562 53.4366 40.6562Z" fill="#33C482"/>
+<path d="M53.4366 40.6133H44.1739C43.051 40.6133 42.1406 41.53 42.1406 42.6611V51.876C42.1406 53.0069 43.051 53.9236 44.1739 53.9236H53.4366C54.5596 53.9236 55.47 53.0069 55.47 51.876V42.6611C55.47 41.53 54.5596 40.6133 53.4366 40.6133Z" fill="url(#paint0_linear_3011_11314)" fill-opacity="0.2"/>
+</g>
+<defs>
+<filter id="filter0_d_3011_11314" x="0" y="0" width="79" height="79" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1.5"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3011_11314"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3011_11314" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_3011_11314" x1="42.1406" y1="40.6133" x2="50.2327" y2="48.6865" gradientUnits="userSpaceOnUse">
+<stop/>
+<stop offset="1" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>