feat(deployments): human-readable version descriptions

Author: waleedlatif1

apps/docs/components/icons.tsx

@@ -5127,11 +5127,11 @@ export function SimilarwebIcon(props: SVGProps<SVGSVGElement>) {
       <path
         d='M22.099 5.781c-1.283 -2 -3.14 -3.67 -5.27 -4.52l-0.63 -0.213a7.433 7.433 0 0 0 -2.15 -0.331c-2.307 0.01 -4.175 1.92 -4.175 4.275a4.3 4.3 0 0 0 0.867 2.602l-0.26 -0.342c0.124 0.186 0.26 0.37 0.417 0.556 0.663 0.802 1.604 1.635 2.822 2.58 2.999 2.32 4.943 4.378 5.104 6.93 0.038 0.344 0.062 0.696 0.062 1.051 0 1.297 -0.283 2.67 -0.764 3.635h0.005s-0.207 0.377 -0.077 0.487c0.066 0.057 0.21 0.1 0.46 -0.053a12.104 12.104 0 0 0 3.4 -3.33 12.111 12.111 0 0 0 2.088 -6.635 12.098 12.098 0 0 0 -1.9 -6.692zm-9.096 8.718 -1.878 -1.55c-3.934 -2.87 -5.98 -5.966 -4.859 -9.783a8.73 8.73 0 0 1 0.37 -1.016v-0.004s0.278 -0.583 -0.327 -0.295a12.067 12.067 0 0 0 -6.292 9.975 12.11 12.11 0 0 0 2.053 7.421 9.394 9.394 0 0 0 2.154 2.168H4.22c4.148 3.053 7.706 1.446 7.706 1.446h0.003a4.847 4.847 0 0 0 2.962 -4.492 4.855 4.855 0 0 0 -1.889 -3.87z'
         fill='currentColor'
-       />
+      />
     </svg>
   )
 }
-        
+
 export function CalComIcon(props: SVGProps<SVGSVGElement>) {
   return (
     <svg

apps/sim/components/icons.tsx

@@ -5131,7 +5131,7 @@ export function SimilarwebIcon(props: SVGProps<SVGSVGElement>) {
     </svg>
   )
 }
-  
+
 export function CalComIcon(props: SVGProps<SVGSVGElement>) {
   return (
     <svg

apps/sim/lib/workflows/comparison/compare.ts

@@ -13,7 +13,7 @@ import {
   normalizeVariables,
   sanitizeVariable,
 } from './normalize'
-import { resolveValueForDisplay } from './resolve-values'
+import { formatValueForDisplay, resolveValueForDisplay } from './resolve-values'
 
 const logger = createLogger('WorkflowComparison')
 
@@ -322,19 +322,6 @@ export function generateWorkflowDiffSummary(
   return result
 }
 
-function formatValueForDisplay(value: unknown): string {
-  if (value === null || value === undefined) return '(none)'
-  if (typeof value === 'string') {
-    if (value.length > 50) return `${value.slice(0, 50)}...`
-    return value || '(empty)'
-  }
-  if (typeof value === 'boolean') return value ? 'enabled' : 'disabled'
-  if (typeof value === 'number') return String(value)
-  if (Array.isArray(value)) return `[${value.length} items]`
-  if (typeof value === 'object') return `${JSON.stringify(value).slice(0, 50)}...`
-  return String(value)
-}
-
 /**
  * Convert a WorkflowDiffSummary to a human-readable string for AI description generation
  */

apps/sim/lib/workflows/comparison/index.ts

@@ -32,6 +32,6 @@ export {
 export type { ResolutionContext, ResolvedValue } from './resolve-values'
 export {
   extractExtendedContext,
-  getBlockCredentialId,
+  formatValueForDisplay,
   resolveValueForDisplay,
 } from './resolve-values'

apps/sim/lib/workflows/comparison/resolve-values.ts

@@ -206,7 +206,10 @@ function parseMcpToolId(toolId: string): string {
   return withoutPrefix
 }
 
-function formatValueForDisplay(value: unknown): string {
+/**
+ * Formats a value for display in diff descriptions.
+ */
+export function formatValueForDisplay(value: unknown): string {
   if (value === null || value === undefined) return '(none)'
   if (typeof value === 'string') {
     if (value.length > 50) return `${value.slice(0, 50)}...`
@@ -338,18 +341,3 @@ export async function resolveValueForDisplay(
     resolved: false,
   }
 }
-
-/**
- * Gets the credential ID from a block's subBlocks.
- * Used to provide credential context for selector resolution.
- *
- * @param blockId - The block ID to extract credential from
- * @param currentState - The current workflow state
- * @returns The credential ID if found, undefined otherwise
- */
-export function getBlockCredentialId(
-  blockId: string,
-  currentState: WorkflowState
-): string | undefined {
-  return extractExtendedContext(blockId, currentState).credentialId
-}