fix(change-detection): copilot diffs have extra field

* fix(canvas): removed invite to workspace

* removed unused props

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/canvas-menu/canvas-menu.tsx

@@ -26,7 +26,6 @@ export interface CanvasMenuProps {
   onOpenLogs: () => void
   onToggleVariables: () => void
   onToggleChat: () => void
-  onInvite: () => void
   isVariablesOpen?: boolean
   isChatOpen?: boolean
   hasClipboard?: boolean
@@ -55,15 +54,12 @@ export function CanvasMenu({
   onOpenLogs,
   onToggleVariables,
   onToggleChat,
-  onInvite,
   isVariablesOpen = false,
   isChatOpen = false,
   hasClipboard = false,
   disableEdit = false,
-  disableAdmin = false,
   canUndo = false,
   canRedo = false,
-  isInvitationsDisabled = false,
 }: CanvasMenuProps) {
   return (
     <Popover
@@ -179,22 +175,6 @@ export function CanvasMenu({
         >
           {isChatOpen ? 'Close Chat' : 'Open Chat'}
         </PopoverItem>
-
-        {/* Admin action - hidden when invitations are disabled */}
-        {!isInvitationsDisabled && (
-          <>
-            <PopoverDivider />
-            <PopoverItem
-              disabled={disableAdmin}
-              onClick={() => {
-                onInvite()
-                onClose()
-              }}
-            >
-              Invite to Workspace
-            </PopoverItem>
-          </>
-        )}
       </PopoverContent>
     </Popover>
   )

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

@@ -886,17 +886,16 @@ export function Chat() {
           onMouseDown={(e) => e.stopPropagation()}
         >
           {shouldShowConfigureStartInputsButton && (
-            <Badge
+            <div
-              variant='outline'
+              className='flex flex-none cursor-pointer items-center whitespace-nowrap rounded-[6px] border border-[var(--border-1)] bg-[var(--surface-5)] px-[9px] py-[2px] font-medium font-sans text-[12px] text-[var(--text-primary)] hover:bg-[var(--surface-7)] dark:hover:border-[var(--surface-7)] dark:hover:bg-[var(--border-1)]'
-              className='flex-none cursor-pointer whitespace-nowrap rounded-[6px]'
               title='Add chat inputs to Start block'
               onMouseDown={(e) => {
                 e.stopPropagation()
                 handleConfigureStartInputs()
               }}
             >
-              <span className='whitespace-nowrap text-[12px]'>Add inputs</span>
+              <span className='whitespace-nowrap'>Add inputs</span>
-            </Badge>
+            </div>
           )}
 
           <OutputSelect

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

@@ -5,7 +5,6 @@ import { createLogger } from '@sim/logger'
 import { Check, Clipboard } from 'lucide-react'
 import { useParams } from 'next/navigation'
 import {
-  Badge,
   Button,
   ButtonGroup,
   ButtonGroupItem,
@@ -883,14 +882,13 @@ console.log(data);`
                 <code className='text-[10px]'>&lt;start.files&gt;</code>.
               </p>
               {missingFields.any && (
-                <Badge
+                <div
-                  variant='outline'
+                  className='flex flex-none cursor-pointer items-center whitespace-nowrap rounded-[6px] border border-[var(--border-1)] bg-[var(--surface-5)] px-[9px] py-[2px] font-medium font-sans text-[12px] text-[var(--text-primary)] hover:bg-[var(--surface-7)] dark:hover:border-[var(--surface-7)] dark:hover:bg-[var(--border-1)]'
-                  className='flex-none cursor-pointer whitespace-nowrap rounded-[6px]'
                   title='Add required A2A input fields to Start block'
                   onClick={handleAddA2AInputs}
                 >
-                  <span className='whitespace-nowrap text-[12px]'>Add inputs</span>
+                  <span className='whitespace-nowrap'>Add inputs</span>
-                </Badge>
+                </div>
               )}
             </div>
           </div>

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/workflow.tsx

@@ -3323,15 +3323,12 @@ const WorkflowContent = React.memo(() => {
               onOpenLogs={handleContextOpenLogs}
               onToggleVariables={handleContextToggleVariables}
               onToggleChat={handleContextToggleChat}
-              onInvite={handleContextInvite}
               isVariablesOpen={isVariablesOpen}
               isChatOpen={isChatOpen}
               hasClipboard={hasClipboard()}
               disableEdit={!effectivePermissions.canEdit}
-              disableAdmin={!effectivePermissions.canAdmin}
               canUndo={canUndo}
               canRedo={canRedo}
-              isInvitationsDisabled={isInvitationsDisabled}
             />
           </>
         )}

apps/sim/lib/copilot/tools/client/blocks/get-block-config.ts

@@ -10,7 +10,7 @@ import {
   GetBlockConfigInput,
   GetBlockConfigResult,
 } from '@/lib/copilot/tools/shared/schemas'
-import { getBlock } from '@/blocks/registry'
+import { getLatestBlock } from '@/blocks/registry'
 
 interface GetBlockConfigArgs {
   blockType: string
@@ -40,8 +40,7 @@ export class GetBlockConfigClientTool extends BaseClientTool {
     },
     getDynamicText: (params, state) => {
       if (params?.blockType && typeof params.blockType === 'string') {
-        // Look up the block config to get the human-readable name
+        const blockConfig = getLatestBlock(params.blockType)
-        const blockConfig = getBlock(params.blockType)
         const blockName = (blockConfig?.name ?? params.blockType.replace(/_/g, ' ')).toLowerCase()
         const opSuffix = params.operation ? ` (${params.operation})` : ''
 

apps/sim/lib/copilot/tools/client/blocks/get-block-options.ts

@@ -10,7 +10,7 @@ import {
   GetBlockOptionsInput,
   GetBlockOptionsResult,
 } from '@/lib/copilot/tools/shared/schemas'
-import { getBlock } from '@/blocks/registry'
+import { getLatestBlock } from '@/blocks/registry'
 
 interface GetBlockOptionsArgs {
   blockId: string
@@ -43,8 +43,7 @@ export class GetBlockOptionsClientTool extends BaseClientTool {
         (params as any)?.block_id ||
         (params as any)?.block_type
       if (typeof blockId === 'string') {
-        // Look up the block config to get the human-readable name
+        const blockConfig = getLatestBlock(blockId)
-        const blockConfig = getBlock(blockId)
         const blockName = (blockConfig?.name ?? blockId.replace(/_/g, ' ')).toLowerCase()
 
         switch (state) {

apps/sim/lib/copilot/tools/server/blocks/get-block-config.ts

@@ -5,7 +5,7 @@ import {
   GetBlockConfigResult,
   type GetBlockConfigResultType,
 } from '@/lib/copilot/tools/shared/schemas'
-import { registry as blockRegistry } from '@/blocks/registry'
+import { registry as blockRegistry, getLatestBlock } from '@/blocks/registry'
 import type { SubBlockConfig } from '@/blocks/types'
 import { getUserPermissionConfig } from '@/executor/utils/permission-check'
 import { PROVIDER_DEFINITIONS } from '@/providers/models'
@@ -452,9 +452,12 @@ export const getBlockConfigServerTool: BaseServerTool<
     const inputs = extractInputsFromSubBlocks(subBlocks, operation, trigger)
     const outputs = extractOutputs(blockConfig, operation, trigger)
 
+    const latestBlock = getLatestBlock(blockType)
+    const displayName = latestBlock?.name ?? blockConfig.name
+
     const result = {
       blockType,
-      blockName: blockConfig.name,
+      blockName: displayName,
       operation,
       trigger,
       inputs,

apps/sim/lib/copilot/tools/server/blocks/get-block-options.ts

@@ -5,7 +5,7 @@ import {
   GetBlockOptionsResult,
   type GetBlockOptionsResultType,
 } from '@/lib/copilot/tools/shared/schemas'
-import { registry as blockRegistry } from '@/blocks/registry'
+import { registry as blockRegistry, getLatestBlock } from '@/blocks/registry'
 import { getUserPermissionConfig } from '@/executor/utils/permission-check'
 import { tools as toolsRegistry } from '@/tools/registry'
 
@@ -113,9 +113,12 @@ export const getBlockOptionsServerTool: BaseServerTool<
       }
     }
 
+    const latestBlock = getLatestBlock(blockId)
+    const displayName = latestBlock?.name ?? blockConfig.name
+
     const result = {
       blockId,
-      blockName: blockConfig.name,
+      blockName: displayName,
       operations,
     }
 

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

@@ -1,4 +1,4 @@
-import type { WorkflowState } from '@/stores/workflows/workflow/types'
+import type { BlockState, WorkflowState } from '@/stores/workflows/workflow/types'
 import { SYSTEM_SUBBLOCK_IDS, TRIGGER_RUNTIME_SUBBLOCK_IDS } from '@/triggers/constants'
 import {
   normalizedStringify,
@@ -13,6 +13,20 @@ import {
   sortEdges,
 } from './normalize'
 
+/** Block with optional diff markers added by copilot */
+type BlockWithDiffMarkers = BlockState & {
+  is_diff?: string
+  field_diffs?: Record<string, unknown>
+}
+
+/** SubBlock with optional diff marker */
+type SubBlockWithDiffMarker = {
+  id: string
+  type: string
+  value: unknown
+  is_diff?: string
+}
+
 /**
  * Compare the current workflow state with the deployed state to detect meaningful changes
  * @param currentState - The current workflow state
@@ -63,21 +77,32 @@ export function hasWorkflowChanged(
     // - subBlocks: handled separately below
     // - layout: contains measuredWidth/measuredHeight from autolayout
     // - height: block height measurement from autolayout
+    // - outputs: derived from subBlocks (e.g., inputFormat), already compared via subBlocks
+    // - is_diff, field_diffs: diff markers from copilot edits
+    const currentBlockWithDiff = currentBlock as BlockWithDiffMarkers
+    const deployedBlockWithDiff = deployedBlock as BlockWithDiffMarkers
+
     const {
       position: _currentPos,
       subBlocks: currentSubBlocks = {},
       layout: _currentLayout,
       height: _currentHeight,
+      outputs: _currentOutputs,
+      is_diff: _currentIsDiff,
+      field_diffs: _currentFieldDiffs,
       ...currentRest
-    } = currentBlock
+    } = currentBlockWithDiff
 
     const {
       position: _deployedPos,
       subBlocks: deployedSubBlocks = {},
       layout: _deployedLayout,
       height: _deployedHeight,
+      outputs: _deployedOutputs,
+      is_diff: _deployedIsDiff,
+      field_diffs: _deployedFieldDiffs,
       ...deployedRest
-    } = deployedBlock
+    } = deployedBlockWithDiff
 
     // Also exclude width/height from data object (container dimensions from autolayout)
     const {
@@ -156,14 +181,13 @@ export function hasWorkflowChanged(
         }
       }
 
-      // Compare type and other properties
+      // Compare type and other properties (excluding diff markers and value)
-      const currentSubBlockWithoutValue = { ...currentSubBlocks[subBlockId], value: undefined }
+      const currentSubBlockWithDiff = currentSubBlocks[subBlockId] as SubBlockWithDiffMarker
-      const deployedSubBlockWithoutValue = { ...deployedSubBlocks[subBlockId], value: undefined }
+      const deployedSubBlockWithDiff = deployedSubBlocks[subBlockId] as SubBlockWithDiffMarker
+      const { value: _cv, is_diff: _cd, ...currentSubBlockRest } = currentSubBlockWithDiff
+      const { value: _dv, is_diff: _dd, ...deployedSubBlockRest } = deployedSubBlockWithDiff
 
-      if (
+      if (normalizedStringify(currentSubBlockRest) !== normalizedStringify(deployedSubBlockRest)) {
-        normalizedStringify(currentSubBlockWithoutValue) !==
-        normalizedStringify(deployedSubBlockWithoutValue)
-      ) {
         return true
       }
     }

bun.lock

@@ -1,5 +1,6 @@
 {
   "lockfileVersion": 1,
+  "configVersion": 0,
   "workspaces": {
     "": {
       "name": "simstudio",