feat(workspaces): add workspace logo upload

Author: waleedlatif1

apps/docs/content/docs/en/tools/cloudwatch.mdx

@@ -11,20 +11,20 @@ import { BlockInfoCard } from "@/components/ui/block-info-card"
 />
 
 {/* MANUAL-CONTENT-START:intro */}
-[AWS CloudWatch](https://aws.amazon.com/cloudwatch/) is a monitoring and observability service that provides data and actionable insights for AWS resources, applications, and services. CloudWatch collects monitoring and operational data in the form of logs, metrics, and events, giving you a unified view of your AWS environment.
+[Amazon CloudWatch](https://aws.amazon.com/cloudwatch/) is a monitoring and observability service that collects and tracks metrics, collects and monitors log files, and sets alarms for your AWS resources. CloudWatch provides a unified view of operational health across your AWS infrastructure and applications.
 
 With the CloudWatch integration, you can:
 
-- **Query Logs (Insights)**: Run CloudWatch Log Insights queries against one or more log groups to analyze log data with a powerful query language
-- **Describe Log Groups**: List available CloudWatch log groups in your account, optionally filtered by name prefix
-- **Get Log Events**: Retrieve log events from a specific log stream within a log group
-- **Describe Log Streams**: List log streams within a log group, ordered by last event time or filtered by name prefix
-- **List Metrics**: Browse available CloudWatch metrics, optionally filtered by namespace, metric name, or recent activity
-- **Get Metric Statistics**: Retrieve statistical data for a metric over a specified time range with configurable granularity
-- **Publish Metric**: Publish custom metric data points to CloudWatch for your own application monitoring
-- **Describe Alarms**: List and filter CloudWatch alarms by name prefix, state, or alarm type
+- **Query Logs (Insights)**: Run powerful CloudWatch Log Insights queries across one or more log groups to search, analyze, and visualize your log data
+- **Describe Log Groups**: List available log groups in your account with metadata like stored bytes, retention settings, and creation time
+- **Get Log Events**: Retrieve individual log events from a specific log stream with optional time range filtering
+- **Describe Log Streams**: List log streams within a log group, sorted by last event time or filtered by name prefix
+- **List Metrics**: Browse available CloudWatch metrics, filtered by namespace or metric name, with support for recently active metrics
+- **Get Metric Statistics**: Retrieve statistical data (average, sum, min, max, sample count) for a metric over a specified time range and period
+- **Publish Metric**: Publish custom metric data points to CloudWatch with optional units and dimensions
+- **Describe Alarms**: List and filter CloudWatch alarms by name prefix, state (OK, ALARM, INSUFFICIENT_DATA), or type (Metric, Composite)
 
-In Sim, the CloudWatch integration enables your agents to monitor AWS infrastructure, analyze application logs, track custom metrics, and respond to alarm states as part of automated DevOps and SRE workflows. This is especially powerful when combined with other AWS integrations like CloudFormation and SNS for end-to-end infrastructure management.
+In Sim, the CloudWatch integration enables your agents to monitor application health, analyze logs for errors, track custom business metrics, and respond to alarm states as part of automated observability and incident response workflows. This pairs well with CloudFormation for infrastructure monitoring and SNS for alerting.
 {/* MANUAL-CONTENT-END */}
 
 

apps/sim/app/workspace/[workspaceId]/settings/hooks/use-profile-picture-upload.ts

@@ -51,30 +51,33 @@ export function useProfilePictureUpload({
     fileInputRef.current?.click()
   }, [])
 
-  const uploadFileToServer = useCallback(async (file: File): Promise<string> => {
-    try {
-      const formData = new FormData()
-      formData.append('file', file)
-      formData.append('context', context)
-
-      const response = await fetch('/api/files/upload', {
-        method: 'POST',
-        body: formData,
-      })
-
-      if (!response.ok) {
-        const errorData = await response.json().catch(() => ({ error: response.statusText }))
-        throw new Error(errorData.error || `Failed to upload file: ${response.status}`)
+  const uploadFileToServer = useCallback(
+    async (file: File): Promise<string> => {
+      try {
+        const formData = new FormData()
+        formData.append('file', file)
+        formData.append('context', context)
+
+        const response = await fetch('/api/files/upload', {
+          method: 'POST',
+          body: formData,
+        })
+
+        if (!response.ok) {
+          const errorData = await response.json().catch(() => ({ error: response.statusText }))
+          throw new Error(errorData.error || `Failed to upload file: ${response.status}`)
+        }
+
+        const data = await response.json()
+        const publicUrl = data.fileInfo?.path || data.path || data.url
+        logger.info(`Profile picture uploaded successfully via server upload: ${publicUrl}`)
+        return publicUrl
+      } catch (error) {
+        throw new Error(error instanceof Error ? error.message : 'Failed to upload profile picture')
       }
-
-      const data = await response.json()
-      const publicUrl = data.fileInfo?.path || data.path || data.url
-      logger.info(`Profile picture uploaded successfully via server upload: ${publicUrl}`)
-      return publicUrl
-    } catch (error) {
-      throw new Error(error instanceof Error ? error.message : 'Failed to upload profile picture')
-    }
-  }, [context])
+    },
+    [context]
+  )
 
   const processFile = useCallback(
     async (file: File) => {

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

@@ -373,7 +373,9 @@ export function WorkspaceHeader({
                   ) : (
                     <div
                       className='flex h-[20px] w-[20px] flex-shrink-0 items-center justify-center rounded-sm font-medium text-caption text-white leading-none'
-                      style={{ backgroundColor: activeWorkspaceFull.color ?? 'var(--brand-accent)' }}
+                      style={{
+                        backgroundColor: activeWorkspaceFull.color ?? 'var(--brand-accent)',
+                      }}
                     >
                       {workspaceInitial}
                     </div>

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

@@ -18,4 +18,4 @@ export { useTaskSelection } from './use-task-selection'
 export { useWorkflowOperations } from './use-workflow-operations'
 export { useWorkflowSelection } from './use-workflow-selection'
 export { useWorkspaceLogoUpload } from './use-workspace-logo-upload'
-export { useWorkspaceManagement, type Workspace } from './use-workspace-management'
+export { useWorkspaceManagement } from './use-workspace-management'

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

@@ -73,7 +73,6 @@ import {
   useWorkflowOperations,
   useWorkspaceLogoUpload,
   useWorkspaceManagement,
-  type Workspace,
 } from '@/app/workspace/[workspaceId]/w/components/sidebar/hooks'
 import {
   createSidebarDragGhost,
@@ -97,6 +96,7 @@ import {
   useRenameTask,
   useTasks,
 } from '@/hooks/queries/tasks'
+import type { Workspace } from '@/hooks/queries/workspace'
 import { useUpdateWorkflow } from '@/hooks/queries/workflows'
 import { useWorkspaceFiles } from '@/hooks/queries/workspace-files'
 import { usePermissionConfig } from '@/hooks/use-permission-config'

apps/sim/blocks/blocks/cloudwatch.ts

@@ -27,9 +27,9 @@ export const CloudWatchBlock: BlockConfig<
   description: 'Query and monitor AWS CloudWatch logs, metrics, and alarms',
   longDescription:
     'Integrate AWS CloudWatch into workflows. Run Log Insights queries, list log groups, retrieve log events, list and get metrics, and monitor alarms. Requires AWS access key and secret access key.',
+  docsLink: 'https://docs.sim.ai/tools/cloudwatch',
   category: 'tools',
   integrationType: IntegrationType.Analytics,
-  docsLink: 'https://docs.sim.ai/tools/cloudwatch',
   tags: ['cloud', 'monitoring'],
   bgColor: 'linear-gradient(45deg, #B0084D 0%, #FF4F8B 100%)',
   icon: CloudWatchIcon,
@@ -73,6 +73,7 @@ export const CloudWatchBlock: BlockConfig<
       password: true,
       required: true,
     },
+    // Query Logs fields
     {
       id: 'logGroupSelector',
       title: 'Log Group',
@@ -129,10 +130,9 @@ Return ONLY the query — no explanations, no markdown code blocks.`,
       required: { field: 'operation', value: ['query_logs', 'get_metric_statistics'] },
       wandConfig: {
         enabled: true,
-        prompt: `Generate a Unix epoch timestamp (in seconds) based on the user's description of a point in time.
-
-Return ONLY the numeric timestamp - no explanations, no quotes, no extra text.`,
-        placeholder: 'Describe the start time (e.g., "1 hour ago", "beginning of today")...',
+        prompt:
+          'Generate a Unix epoch timestamp in seconds for the described start time. Return ONLY the numeric timestamp - no explanations, no extra text.',
+        placeholder: 'Describe the start time (e.g., "1 hour ago", "start of today")...',
         generationType: 'timestamp',
       },
     },
@@ -148,20 +148,21 @@ Return ONLY the numeric timestamp - no explanations, no quotes, no extra text.`,
       required: { field: 'operation', value: ['query_logs', 'get_metric_statistics'] },
       wandConfig: {
         enabled: true,
-        prompt: `Generate a Unix epoch timestamp (in seconds) based on the user's description of a point in time.
-
-Return ONLY the numeric timestamp - no explanations, no quotes, no extra text.`,
-        placeholder: 'Describe the end time (e.g., "now", "end of yesterday")...',
+        prompt:
+          'Generate a Unix epoch timestamp in seconds for the described end time. Return ONLY the numeric timestamp - no explanations, no extra text.',
+        placeholder: 'Describe the end time (e.g., "now", "end of today")...',
         generationType: 'timestamp',
       },
     },
+    // Describe Log Groups fields
     {
       id: 'prefix',
       title: 'Log Group Name Prefix',
       type: 'short-input',
       placeholder: '/aws/lambda/',
       condition: { field: 'operation', value: 'describe_log_groups' },
     },
+    // Get Log Events / Describe Log Streams — shared log group selector
     {
       id: 'logGroupNameSelector',
       title: 'Log Group',
@@ -184,13 +185,15 @@ Return ONLY the numeric timestamp - no explanations, no quotes, no extra text.`,
       required: { field: 'operation', value: ['get_log_events', 'describe_log_streams'] },
       mode: 'advanced',
     },
+    // Describe Log Streams — stream prefix filter
     {
       id: 'streamPrefix',
       title: 'Stream Name Prefix',
       type: 'short-input',
       placeholder: '2024/03/31/',
       condition: { field: 'operation', value: 'describe_log_streams' },
     },
+    // Get Log Events — log stream selector (cascading: depends on log group)
     {
       id: 'logStreamNameSelector',
       title: 'Log Stream',
@@ -213,6 +216,7 @@ Return ONLY the numeric timestamp - no explanations, no quotes, no extra text.`,
       required: { field: 'operation', value: 'get_log_events' },
       mode: 'advanced',
     },
+    // List Metrics fields
     {
       id: 'metricNamespace',
       title: 'Namespace',
@@ -248,6 +252,7 @@ Return ONLY the numeric timestamp - no explanations, no quotes, no extra text.`,
       condition: { field: 'operation', value: 'list_metrics' },
       mode: 'advanced',
     },
+    // Publish Metric fields
     {
       id: 'metricValue',
       title: 'Value',
@@ -271,22 +276,8 @@ Return ONLY the numeric timestamp - no explanations, no quotes, no extra text.`,
         { label: 'Kilobytes', id: 'Kilobytes' },
         { label: 'Megabytes', id: 'Megabytes' },
         { label: 'Gigabytes', id: 'Gigabytes' },
-        { label: 'Terabytes', id: 'Terabytes' },
         { label: 'Bits', id: 'Bits' },
-        { label: 'Kilobits', id: 'Kilobits' },
-        { label: 'Megabits', id: 'Megabits' },
-        { label: 'Gigabits', id: 'Gigabits' },
-        { label: 'Terabits', id: 'Terabits' },
         { label: 'Bytes/Second', id: 'Bytes/Second' },
-        { label: 'Kilobytes/Second', id: 'Kilobytes/Second' },
-        { label: 'Megabytes/Second', id: 'Megabytes/Second' },
-        { label: 'Gigabytes/Second', id: 'Gigabytes/Second' },
-        { label: 'Terabytes/Second', id: 'Terabytes/Second' },
-        { label: 'Bits/Second', id: 'Bits/Second' },
-        { label: 'Kilobits/Second', id: 'Kilobits/Second' },
-        { label: 'Megabits/Second', id: 'Megabits/Second' },
-        { label: 'Gigabits/Second', id: 'Gigabits/Second' },
-        { label: 'Terabits/Second', id: 'Terabits/Second' },
         { label: 'Count/Second', id: 'Count/Second' },
       ],
       value: () => 'None',
@@ -299,6 +290,7 @@ Return ONLY the numeric timestamp - no explanations, no quotes, no extra text.`,
       columns: ['name', 'value'],
       condition: { field: 'operation', value: 'put_metric_data' },
     },
+    // Get Metric Statistics fields
     {
       id: 'metricPeriod',
       title: 'Period (seconds)',
@@ -328,6 +320,7 @@ Return ONLY the numeric timestamp - no explanations, no quotes, no extra text.`,
       columns: ['name', 'value'],
       condition: { field: 'operation', value: 'get_metric_statistics' },
     },
+    // Describe Alarms fields
     {
       id: 'alarmNamePrefix',
       title: 'Alarm Name Prefix',
@@ -360,6 +353,7 @@ Return ONLY the numeric timestamp - no explanations, no quotes, no extra text.`,
       value: () => '',
       condition: { field: 'operation', value: 'describe_alarms' },
     },
+    // Shared limit field
     {
       id: 'limit',
       title: 'Limit',
@@ -570,18 +564,14 @@ Return ONLY the numeric timestamp - no explanations, no quotes, no extra text.`,
             if (rest.metricValue === undefined || rest.metricValue === '') {
               throw new Error('Metric value is required')
             }
-            const numericValue = Number(rest.metricValue)
-            if (!Number.isFinite(numericValue)) {
-              throw new Error('Metric value must be a finite number')
-            }
 
             return {
               awsRegion,
               awsAccessKeyId,
               awsSecretAccessKey,
               namespace: rest.metricNamespace,
               metricName: rest.metricName,
-              value: numericValue,
+              value: Number(rest.metricValue),
               ...(rest.metricUnit && rest.metricUnit !== 'None' && { unit: rest.metricUnit }),
               ...(rest.publishDimensions && {
                 dimensions: (() => {
@@ -696,26 +686,6 @@ Return ONLY the numeric timestamp - no explanations, no quotes, no extra text.`,
       type: 'array',
       description: 'CloudWatch alarms with state and configuration',
     },
-    success: {
-      type: 'boolean',
-      description: 'Whether the published metric was successful',
-    },
-    namespace: {
-      type: 'string',
-      description: 'Metric namespace',
-    },
-    metricName: {
-      type: 'string',
-      description: 'Metric name',
-    },
-    value: {
-      type: 'number',
-      description: 'Published metric value',
-    },
-    unit: {
-      type: 'string',
-      description: 'Metric unit',
-    },
     timestamp: {
       type: 'string',
       description: 'Timestamp when metric was published',

apps/sim/tools/cloudformation/index.ts

@@ -8,6 +8,8 @@ import { getTemplateTool } from '@/tools/cloudformation/get_template'
 import { listStackResourcesTool } from '@/tools/cloudformation/list_stack_resources'
 import { validateTemplateTool } from '@/tools/cloudformation/validate_template'
 
+export * from './types'
+
 export const cloudformationDescribeStacksTool = describeStacksTool
 export const cloudformationListStackResourcesTool = listStackResourcesTool
 export const cloudformationDetectStackDriftTool = detectStackDriftTool

apps/sim/tools/cloudwatch/index.ts

@@ -17,3 +17,5 @@ export const cloudwatchGetMetricStatisticsTool = getMetricStatisticsTool
 export const cloudwatchListMetricsTool = listMetricsTool
 export const cloudwatchPutMetricDataTool = putMetricDataTool
 export const cloudwatchQueryLogsTool = queryLogsTool
+
+export * from './types'